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

ios iphone safari developer-tools safari-web-inspector
Mohamed Hussain picture Mohamed Hussain · Oct 7, 2015 · Viewed 25.2k times · Source

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.

Answer

jackhowa picture jackhowa · Jul 11, 2019

This was incredibly frustrating for me too. It's the small sidebar icon small sidebar icon on the far top right, with elements tab open.

Before:

before

After:

after

Related questions

Programmatically selecting text in an input field on iOS devices (mobile Safari)

How do you programmatically select the text of an input field on iOS devices, e.g. iPhone, iPad running mobile Safari? Normally it is sufficient to call the .select() function on the <input ... /> element, but this does not …

Read More
Why Safari shows "No Inspectable Applications" during remote debugging with iOS 6 device?

When I connect my iOS 6 device for remote debugging for testing my mobile web application, The safari develop menu with my device name shows "No Inspectable Applications". I have enabled web inspector ON in my device safari device settings. Why …

Read More
iTunes app link cannot open page in safari in simulator and also iDevices

I hope this may be duplicate question. But none of the answers didn't hard help me. I am trying to open a link from my iOS application. When I press the button, It opens the safari app and it always …

Read More