Chrome

<historylink type="back">🠈 Back</historylink> 🠉 Must Have Tools

---

Chrome is free to download and use at the following link:

https://www.google.co.uk/chrome/

Use the software as an internet browser.

Right click on any page, click Inspect in the menu.

A new pane opens up on the right of the screen with many useful web developer tools.

Most commonly used - click the inspect icon at the top left of the pane - it will turn blue - then move your cursor around the page and hover on any element to show information - click any element and the full details will show in the right pane.

The element class or id will show as well as all the css styles that define how it displays.

Try it out on this page for example

• Right click page - click on Inspect at the bottom of the popup menu - or just Control+Shift+I on your keyboard - developer tool pane opens on right of screen.
• Click on Inspect icon (box/arrow) in top left of tools pane - or just Control+Shift+C on your keyboard.
• Hover the cursor over the extreme top left corner of this screen.