Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Safari web inspector is only showing Sources, Console and Audit

After upgrading to Xcode 11.3.1, I am having problems using Safari web inspector with the iOS 12.1 simulator. Every time that I run an app inside of an iOS 12.1 simulator device, it will show up in the Safari debug menu and allow me to connect to it, but the only tabs I will see are Sources, Console and Audit.

Here is a screenshot of the inspector attached to an instance of the Safari browser inside of the simulator.

enter image description here

Is there any way to resolve this?

Environment:

  • MacOS 10.14.6 (18G95)
  • Xcode 11.3.1
  • Safari 13.1 (14609.1.20.111.8)
  • Simulator Version 11.3.1 (SimulatorApp-912.5.1 SimulatorKit-570.3 CoreSimulator-681.17.2)
like image 612
jaburnett Avatar asked Apr 01 '20 03:04

jaburnett


People also ask

How do I inspect Webview in Safari?

Click the inspect link next to the webview that you wish to debug. This will open a new Chrome DevTools window for inspecting the webview.

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.


2 Answers

Web Inspector engineer here...

This appears to be a bug in Web Inspector, and we are investigating the issue. Does it happen if you use a recent Safari Technology Preview to inspect your older iOS devices?

In addition to asking on SO.. it is strongly recommended to report bugs pertaining to developer tools at https://feedbackassistant.apple.com/ so that you get notifications about followup questions and when a fix has been shipped.

EDIT(May 14): The issue is fixed in our tree and the fix should be included in Safari Technology Preview 107 and the next major Safari release. Stay tuned for release notes.

like image 117
Brian Burg Avatar answered Oct 01 '22 21:10

Brian Burg


I don't yet want to update my macOS from High Sierra, but I still run into this bug (even on a clean installed test system).

Elsewhere it was suggested to use Safari Technology Preview - but now it's only for Catalina an Big Slur.

Fortunately you can still download older versions using Archive.org (bless their hearts).
This is the latest I found for High Sierra (Release 80, Posted: April 12, 2019):

https://web.archive.org/web/20190420021102/https://developer.apple.com/safari/download/

I guess you can find a later one for Mojave too.


Update June 2021

For macOS Big Sur 11.4, you can download STP 125.

like image 22
biziclop Avatar answered Oct 01 '22 22:10

biziclop