It looks at how to do so via Safari and Google Chrome.

How Do You Use the Inspect Element Feature on a Mac?

Before inspecting elements on Mac when using Safari, you better unlock the developer menu within the online window.

Safari with Preferences highlighted

Here’s a look at how to switch it on and what to do to inspect an element.

In Safari, clickSafari>Preferences.

ClickShow Develop menuin menu bar then wrap up the window.

Safari with Advanced highlighted in Preferences

When browsing a website, right press the item you wish to inspect.

you’ve got the option to now view the code behind the website you’ve inspected.

Here’s what to do.

Safari with Show develop menu highlighted in Preferences

In Chrome, browse to a website.

Right tap on the element you wish to inspect.

you could now view the code in a side window on Chrome.

Safari with Inspect Element highlighted

Why Cant I Inspect on My Mac?

Here’s a reminder of how to do it.

Here’s how to do so via Safari.

Safari with code editor open

The process is very similar on other browsers.

Double tap on the text in the code to make it editable.

Delete it or enter a new string of text.

Chrome with Inspect highlighted

The code has now been temporarily changed just for your benefit.

Why Would You Want to Use the Inspect Element Feature?

Being able to inspect an element is helpful for many reasons.

Chrome with code editor open

FAQ

Yes.

<!doctype html>).

SelectCopy>Copy outerHTML, then paste the code into a text or HTML file.

Safari with Preferences highlighted

Right-poke the element you want to copy and chooseInspect.

Right-select highlighted code and selectCopy>Copy styles.

To reveal hidden passwords, right-snag the password text box and selectInspect.

Safari with Advanced highlighted in Preferences

In the highlighted section, look fortype=passwordand replacepasswordwithtext.

There are easier ways toshow all your passwords in Chrome.

Safari Preferences with Show Develop menu highlighted