How to Inspect Element on Chrome

This wikiHow teaches you how to inspect the HTML source code of a visual element on any web page on Google Chrome, using a computer.

Steps

  1. Image titled Inspect Element on Chrome Step 1
    1
    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.
  2. Image titled Inspect Element on Chrome Step 2
    2
    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
  3. Image titled Inspect Element on Chrome Step 3
    3
    Hover over More Tools on the drop-down menu. A sub-menu will pop up.
  4. Image titled Inspect Element on Chrome Step 4
    4
    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.
  5. Image titled Inspect Element on Chrome Step 5
    5
    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.
  6. Image titled Inspect Element on Chrome Step 6
    6
    Right-click an element you want to inspect on any web page. Your right-click menu will pop up in a drop-down box.
  7. Image titled Inspect Element on Chrome Step 7
    7
    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.
    8. Advertisement

Community Q&A

  • Question
    How do I inspect elements on a Chromebook?
    Aidan Howarth
    Aidan Howarth
    Community Answer
    The instructions in the article should work on Chromebooks.
  • Question
    How do I inspect an element on Chrome with only my touchpad?
    Jack Atkinson
    Jack Atkinson
    Community Answer
    Place 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.
  • Question
    Can I change my details permanently after inspecting elements on Chrome?
    Community Answer
    Community Answer
    No. 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.
Advertisement

You Might Also Like

Install Google Chrome Using Terminal on Linux
How to
Install Google Chrome Using Terminal on Linux
Block Porn from Google Chrome4 Simple Ways to Block Adult Websites on Google Chrome
Remove Bing from Chrome
How to
Remove Bing from Chrome
Remove Suggestions on Chrome
How to
Remove Suggestions on Chrome
Auto Refresh in ChromeAutomatically Reload a Page in Chrome: Easy Extension & Script
Switch Tabs in Chrome
How to
Switch Tabs in Chrome
Make Pinned Tabs ReopenWhy Your Pinned Tabs Disappear & How to Fix It
Transfer Bookmarks from One Computer to Another
How to
Transfer Bookmarks from One Computer to Another
Open Incognito Mode by Default in Google Chrome (Windows)
How to
Open Incognito Mode by Default in Google Chrome (Windows)
Turn Off Browsing History on Chrome
How to
Turn Off Browsing History on Chrome
Add Extensions in Google Chrome
How to
Add Extensions in Google Chrome
Download and Install Google Chrome3 Easy Ways to Install the Google Chrome Web Browser
Allow Pop ups on Google ChromeHow to Enable Pop-Ups in Chrome on Your Computer
Fix the Google Chrome YouTube Fullscreen Glitch5 Tips & Tricks for Fixing the YouTube Fullscreen Glitch in Chrome
Advertisement

About This Article

wikiHow Staff
Co-authored by:
wikiHow Staff
wikiHow Staff Writer
This article was co-authored by wikiHow Staff. Our trained team of editors and researchers validate articles for accuracy and comprehensiveness. wikiHow's Content Management Team carefully monitors the work from our editorial staff to ensure that each article is backed by trusted research and meets our high quality standards. This article has been viewed 218,555 times.
How helpful is this?
Co-authors: 13
Updated: November 24, 2022
Views: 218,555
Categories: Featured Articles | Google Chrome
Advertisement