There are often several panels to access: The Inspect Element tool is much more than a way to display code.
Touring the Inspect Element Panel Brave’s DevTools. While the Inspect Element tool’s primary focus is on the HTML and CSS of a page, there’s more you can do with it. As such, you can find it in a few different places - often through a toolbar menu, right-clicking on a page and selecting the option, or with a keyboard shortcut. It’s a powerful way to see the underlying technology and code of a website. Today, we know that feature as the Inspect Element tool: The Inspect Element tool on the Kinsta website. Firefox’s Firebug was an early solution for finding out how a website performed and worked under the hood: The Firefox and Firebug logos.Īfter a while, that functionality found its way into almost all browsers. Once the web started to evolve, and the underlying technologies increased in power, it was necessary to develop better tools. Web developers used HTML for all site elements, including content, design, and… well, everything. This situation was prevalent in the days before we had Cascading Style Sheets (CSS) and JavaScript in abundance. In the web’s early days, there was only one way to look at a website’s code - the View Source feature.
