Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Safari Web Inspector not Showing elements and Style Panel when debugging iPhone

I connected iPhone to mac and I enabled Web Inspector in iPhone advanced settings, able to see the page in mac safari but not able to inspect any element and its style in safari. I am not seeing the elements panel or style panel.

Could anyone help me to find those panels to debug the styles, which i applied to page elements which I am testing in iPhone. I am able to see those panels in debugging the desktop safari pages. see the screenshotenter image description here

Thanks in advance for any help.

like image 898
Mohamed Hussain Avatar asked Oct 07 '15 06:10

Mohamed Hussain


People also ask

Can you inspect element on Safari on iPhone?

The steps to do so are as follows: Open Safari browser. Click on Safari > Preferences > Advanced. Tick the checkbox Show Develop menu in the menu bar.

How do I see styles in Safari Developer Tools?

Use Safari to find your type To begin, open a web page, highlight a short sample of page text, then Ctrl-click and select Inspect Element from the context menu. Safari will then open its Web Inspector tool -- docked at the bottom of the window. Click Styles, Computed, and the Show All checkbox.


1 Answers

If that type of problem ever happens to you in 2021, download and use Safari Preview instead of the regular Safari 👍

I got the problem with the following config:

  • MacOS Big Sur 11.4
  • Iphone 10 iOS 14.6

Cheers!

like image 144
Yanou Avatar answered Oct 02 '22 10:10

Yanou