After opening the webpage of choice in Chrome, press ‘Ctrl + Shift + I’ (Windows) or ‘Command + Option + I’ (Mac).

Use if you do not know which element you want to inspect: These options open the Element pane with the first line of code highlighted. Choose the option that best suits your skill level. How to Inspect Elementīecause this is the easiest Chrome guide on how to inspect Element, you will learn multiple ways to do the same thing. Some people use the tool in other ways, such as for revealing passwords that are hidden behind asterisks or defeating paywall features. There are some everyday uses for this tool as well, such as bulk using the find/replace function without affecting the formatting of word-processed documents such as emails, or website posts.

Diagnostics: If you are really familiar with programming language then you can determine where a problem is on your website.

Protection and privacy: Inconspicuously remove sensitive data from a webpage before sharing it (this way, the reader may not even know that something was removed, instead of blurring out the sensitive data and drawing attention to it).

Competitor investigations: Learn which keywords your competitor is using (it’s OK to borrow great ideas).

Demonstration purposes: Show (not tell) what you are recommending be done to a webpage to make it better.Why would you want to know how to inspect element? Nothing you do will affect the actual website, or another user’s experience even though they may be on the same website simultaneously. These changes are temporary, however, they are only applicable to your browser. Inspect: the act of accessing Element (which is why you will notice the referencing of inspect Element).īy following some simple steps that we will share with you shortly, you can make changes to a webpage.An element: a component that makes up a webpage (hence the general name for the feature).Element gives you access to the HTML, CSS and document object model ( DOM) of that webpage.

What is Chrome Element?Įlement is the programming code that is used to create the current webpage you are viewing in Chrome. On this journey, you will learn the relevance of Element, some keyboard shortcuts and much more.

If you have never heard of it or have been searching for an easy guide on how to inspect Element, welcome.

The feature that allows you to do this is called Element and is available to anyone using Chrome. This is great if you are learning HTML, are new to website development, or perhaps just curious to know how stuff works. Google Chrome allows you to look behind the scenes of any website that you visit. Google Chrome is more than just a browser.

Chrome shortcut for inspect element mac