Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Safari Remote Debugging picking up device but not showing any elements

I can't get the remote inspector to actually display any elements, its finding my device fine, the website on my phone will highlight when hovering over it in the develop menu, but when clicking through its just blank.

Both devices are on the latest OS. The issue is with my phone and not the Mac as I have tried another device and it worked as expected.

any ideas would be appreciated

develop menu

inspector

like image 448
Luke Bradley Avatar asked Feb 22 '19 16:02

Luke Bradley


People also ask

How do you inspect a mobile in Safari?

With Safari open, select the Develop menu in the menu bar. Toward the top of that list, you should see your device's name and the windows that are available to inspect. Select the page or application to inspect, and the inspection window will open.

How do I enable Web Inspector on my device?

Enable the Develop MenuChoose Safari > Preferences, and click Advanced. At the bottom of the pane, select the “Show Develop menu in menu bar” checkbox. Choose Develop > Show Web Inspector.


1 Answers

It can also help to Clear the Trusted Computers under the Developer Preferences on your iOS Device and Re-Pair it with the Mac you'd like to remote debug with.

(I previously tried a MacOS Update, some technical previews for Safari etc. and the method above was the way to save the issue).

like image 95
dgbt Avatar answered Sep 20 '22 14:09

dgbt