I’m developing websites and applications, and I know how to use Inspect Element in browsers like Chrome, Firefox, or Edge (right-click → Inspect or F12). However, this doesn’t seem to work in Safari by default.
How can I enable and use Safari inspect element to view and debug page elements?
Hey! I’ve gone through this confusion before 
. Safari doesn’t show “Inspect Element” by default, you first need to enable the Develop menu:
Open Safari → Preferences → Advanced.
Check the box “Show Develop menu in menu bar” at the bottom.
Once that’s done:
Right-click on any page element → Inspect Element.
Or use the shortcut Option + Command + I to open the Web Inspector.
This gives you the same tools you’re used to in Chrome or Firefox.
After enabling the Develop menu, the Web Inspector lets you:
Inspect and edit HTML elements live.
View and modify CSS styles in real-time.
Debug JavaScript in the Console.
Monitor network requests, performance, and storage.
I personally use Command + Option + I to quickly open the inspector without right-clicking, it’s my favorite shortcut when debugging layouts.
Some extra tips I’ve picked up:
Responsive Design Mode: Develop → Enter Responsive Design Mode (Command + Option + R) to test different device sizes.
Show JavaScript Console: Develop → Show JavaScript Console (Command + Option + C).
Inspect iOS devices: Connect your iPhone/iPad to your Mac → Develop menu → Select your device → Inspect its Safari pages.
This is super useful for mobile debugging.