Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to debug iPhone X simulator from safari?

I'm trying to debug iPhone X simulator from safari, so that I can adjust my CSS. But it doesn't appear under Develop toolbar. Where on other hand iPhone 7 simulator appears. Web inspector is enabled on both devices. On Safari Technical Preview I have the same issue.

Perhaps anyone knows how can I make iPhone X simulator to appear in Develop toolbar?

Screen-Shot

like image 638
Dmitrijs Balcers Avatar asked Oct 11 '17 10:10

Dmitrijs Balcers


People also ask

How do I debug Safari in iPhone Simulator?

In the Safari on your Mac, on the Safari menu bar, choose the "Develop" menu. Scroll to the iOS Simulator option. Select the page for debugging.

How do I debug iPhone Simulator?

iOS simulators After the simulator loads, you need to launch Safari from the desktop of the Live Test. Then in Safari, at the top menu go to Developer –> iOS Simulator –> and select the website that is currently open in the iOS Simulator. Safari will then open its Web Inspector tools that you may use to debug with.

How do I debug my iPhone X?

Here's how: Open the iPhone Settings menu. On an iPhone with an early version of iOS, access the Debug Console through Settings > Safari > Developer > Debug Console. When Safari on the iPhone detects CSS, HTML, and JavaScript errors, details of each display in the debugger.


1 Answers

Try restarting Safari while keeping your simulator open. That did the trick for me.

like image 106
Francois Nadeau Avatar answered Oct 13 '22 08:10

Francois Nadeau