How to Inspect an Item on Chrome: 7 Steps

Table of contents:

How to Inspect an Item on Chrome: 7 Steps
How to Inspect an Item on Chrome: 7 Steps
Anonim

This article describes how to inspect the HTML source code of a visual element on any website opened with Google Chrome using a computer.

Steps

Inspect Element on Chrome Step 1
Inspect Element on Chrome Step 1

Step 1. Open Google Chrome on your computer

The icon looks like a colored sphere containing a blue dot. It is located in the "Applications" folder on Mac and in the "Start" menu on Windows.

Inspect Element on Chrome Step 2
Inspect Element on Chrome Step 2

Step 2. Click on the icon with three vertical dots

It is located next to the address bar at the top right of the browser window. A drop-down menu will appear.

Inspect Element on Chrome Step 3
Inspect Element on Chrome Step 3

Step 3. In the drop-down menu, hover the mouse cursor over the Other Tools item

Another menu will appear.

Inspect Element on Chrome Step 4
Inspect Element on Chrome Step 4

Step 4. Click on Developer Tools within this menu

A column will open on the right that will allow you to inspect the item.

Alternatively, you can open this section with a keyboard shortcut, namely ⌥ Option + ⌘ Cmd + I on Mac and Ctrl + Alt + I on Windows

Inspect Element on Chrome Step 5
Inspect Element on Chrome Step 5

Step 5. Hover the mouse cursor over an item within the column

When you hover the mouse cursor over an item or line in the inspector section, the selected item will be highlighted on the website.

Inspect Element on Chrome Step 6
Inspect Element on Chrome Step 6

Step 6. Right click on an item you want to inspect on the website

A drop-down menu will appear.

Inspect Element on Chrome Step 7
Inspect Element on Chrome Step 7

Step 7. Select Inspect in the drop-down menu

The inspector column will be scanned until the selected item is found and its source code will be highlighted.

Recommended:

How to Inspect a New Vehicle Before Pickup

How to Inspect a New Vehicle Before Pickup

Have you bought a new car but don't know what to check on the first drive? In this article you can find some tips to avoid ending up with a faulty vehicle. Steps Step 1. Make sure you have all important documents, such as your insurance policy and vehicle registration document, before you collect your vehicle Step 2.

3 Ways to Eliminate the Problem of the Elastic in an Item of Clothing

3 Ways to Eliminate the Problem of the Elastic in an Item of Clothing

If you have an item of clothing that doesn't seem to fit because the elastic is too tight, you can make some quick adjustments to make it fit better. You don't necessarily need a sewing machine, you can choose to stretch it enough to fix the problem or to remove the elastic completely.

How to Inspect a House Before Buying It

How to Inspect a House Before Buying It

Never buy a home without first inspecting it. This process can save you a lot of money. As with all investments, buying a property can be risky. However, the unknown can be reduced (if not completely eliminated) by taking the time to perform a thorough inspection of the facility and the various systems.

How to Hide Tabs on Chrome: 10 Steps

How to Hide Tabs on Chrome: 10 Steps

This article explains how to use keyboard shortcuts to quickly hide all open tabs on Google Chrome. Steps Method 1 of 2: Using Windows Step 1. Open Google Chrome It can be found in the Windows Start menu or on the desktop. Step 2.

How to Remove an Item from Safari's Reading List on iOS

How to Remove an Item from Safari's Reading List on iOS

This wikiHow teaches you how to delete an item saved in Safari's Reading List for iOS devices (iPhone, iPad or iPod touch). Read on to find out how. Steps Step 1. Launch the Safari application It has a blue compass icon. Step 2.