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
?
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.
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.
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.
Try restarting Safari while keeping your simulator open. That did the trick for me.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With