How to Inspect Element on Chrome

Опубликовал Admin
24-01-2018, 18:00
568
0
Community Tested 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. 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. 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.
  3. Hover over More Tools on the drop-down menu. A sub-menu will pop up.
  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. 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. 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. 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.
Теги:
Information
Users of Guests are not allowed to comment this publication.