A browser's developer tools are not only to unhide input or change values; it also has some other very useful tools:
- Inspector is the tab we just used. It presents the HTML source in a hierarchical way, thus allowing us to modify its contents.
- The Console tab shows errors, warnings, and some other messages generated
when loading the page.
- Within Debugger, we can see the full HTML source, set breakpoints that will interrupt the page load when the process reaches them, and check and modify variable values when running scripts.
- The Style Editor tab is used to view and modify the CSS styles used by the page.
- In the Performance tab, we can calculate stats about the time and resources used by dynamic and static elements loaded ...