Download ArticleDownload ArticleThis article was reviewed by Luigi Oppido. Luigi Oppido is the Owner and Operator of Pleasure Point Computers in Santa Cruz, California. Luigi has over 25 years of experience in general computer repair, data recovery, virus removal, and upgrades. He is also the host of the Computer Man Show! broadcasted on KSQD covering central California for over two years.
The How.com.vn Tech Team also followed the article's instructions and verified that they work.
This article has been viewed 237,743 times.
This How.com.vn teaches you how to inspect the HTML source code of a visual element on any web page on Google Chrome, using a computer.
Steps
Download Article
Open Google Chrome on your computer. The Chrome icon looks like a colored ball with a blue dot at the center. You can find it in your Applications folder on a Mac, or on your Start menu on Windows.
Click the three vertical dots icon. This button is located next to the address bar in the upper-right corner of your browser window. It will open a drop-down menu.Advertisement
Hover over More Tools on the drop-down menu. A sub-menu will pop up.
Click Developer Tools on the More Tools sub-menu. This will open the Inspector column on the right-hand side of your browser window.- Alternatively, you can open the Inspector with a keyboard shortcut. This shortcut is ⌥ Option+⌘ Cmd+I on Mac, and Ctrl+Alt+I on Windows.
Hover over an element on the Inspector column. Moving your mouse to an element or a line in Inspector will highlight the selected element on the web page.
Right-click an element you want to inspect on any web page. Your right-click menu will pop up in a drop-down box.
Select Inspect on the drop-down menu. This will scroll the Inspector column up or down to the selected element, and highlight its source code.- You don't have to manually open the Inspector column to do this. Selecting Inspect on the right-click menu will automatically open the Inspector.
Community Q&A
- QuestionHow do I inspect elements on a Chromebook?
Aidan HowarthCommunity AnswerThe instructions in the article should work on Chromebooks. - QuestionHow do I inspect an element on Chrome with only my touchpad?
Jack AtkinsonCommunity AnswerPlace two fingers on your touchpad and the same options will appear; click on the Inspect option and on the right hand side there will be your Inspect Element. - QuestionCan I change my details permanently after inspecting elements on Chrome?
Community AnswerNo. You can only temporarily change details that are seen on your screen only. If you are to reload the page the correct words will be on the screen.
Tips
About This Article
Is this article up to date?
⚠️ Disclaimer:
Content from Wiki How English language website. Text is available under the Creative Commons Attribution-Share Alike License; additional terms may apply.
Wiki How does not encourage the violation of any laws, and cannot be responsible for any violations of such laws, should you link to this domain, or use, reproduce, or republish the information contained herein.
- - A few of these subjects are frequently censored by educational, governmental, corporate, parental and other filtering schemes.
- - Some articles may contain names, images, artworks or descriptions of events that some cultures restrict access to
- - Please note: Wiki How does not give you opinion about the law, or advice about medical. If you need specific advice (for example, medical, legal, financial or risk management), please seek a professional who is licensed or knowledgeable in that area.
- - Readers should not judge the importance of topics based on their coverage on Wiki How, nor think a topic is important just because it is the subject of a Wiki article.
