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 on the page. From a developer's perspective, this is useful for detecting bottlenecks and excessive use of computing power in client-side code.
• Memory can be used to take snapshots of the process's memory; this is useful if we want to look for sensitive information stored in memory.
• Network displays the requests made to the server and its responses, their types, size, response time, and its order in a timeline.
• Storage shows the cookies and other client-side storage options and makes it possible to delete them or change their values.
• Other tabs that can be enabled in the tools settings are:
  • DOM
  • Shader Editor
  • Canvas
  • Web Audio
  • Scratchpad