Download Article
Learn how to inspect and use web developer tools on Mac
Download Article
Is there a box or element on a page that you want to inspect? If you're on a Mac, inspecting elements is easy, no matter which browser you're using! This wikiHow article teaches you how to inspect elements on Mac using different web browsers.
Things You Should Know
- In Safari, first enable the developer tool, then press "Cmd + Opt + I."
- In Chrome, press "Cmd + Opt + C."
- In Firefox, press "Cmd + Opt + I."
Steps
Section 1 of 3:
Safari
-
Open Preferences or Settings in Safari. Once you launch Safari (the app icon looks like a blue compass with a red and white needle), click Safari in the Apple menu and choose Preferences or Settings , depending on your version of macOS.
- You first have to enable the "Inspect Element" tool before you can use it in Safari.
-
Click the Advanced tab. It's to the far right of the window with gear icons.Advertisement
-
Inspect a page. Go to a page with an element you want to inspect, then inspect it three ways:
- Go to Develop > Show Web Inspector OR
- Right-click or ctrl-click the page and click Inspect Element from the drop-down menu OR
- Press Cmd + Opt + I on your keyboard. [1] X Research source
- To close this window, click the X in the top left corner of the toolbar.
Advertisement
Section 2 of 3:
Chrome
-
Launch Chrome. Click the multicolored orb icon to launch Chrome.
-
Navigate to the site you want to inspect. Use the address bar to go to the page with elements that you want to look at.
-
Inspect the page. You can do this in a few different ways:
- Right-click or ctrl-click the page and select Inspect OR
- Press Cmd + Opt + C .
- When you're done, close the Web Inspector window by clicking the small X in the toolbar. [2] X Research source
Advertisement
Section 3 of 3:
Firefox
-
Open Firefox. Click the icon that looks like a fox encircling a purple-blue ball.
-
Navigate to the site you want to inspect. Go to the page with elements on it that you'd like to look at.
-
Inspect the page. You can do this in a few different ways:
- Right-click or ctrl-click the page and select Inspect OR
- Press Cmd + Opt + I .
- When you're done, close the Web Inspector window by clicking the small X in the toolbar or press Cmd + Opt + I again. [3] X Research source
Advertisement
Expert Q&A
Ask a Question
200 characters left
Include your email address to get a message when this question is answered.
Submit
Advertisement
Tips
Submit a Tip
All tip submissions are carefully reviewed before being published
Name
Please provide your name and last initial
Thanks for submitting a tip for review!
References
About This Article
Thanks to all authors for creating a page that has been read 5,927 times.
Advertisement