btaling.blogg.se - Safari mac browser emulator or emulation

However, you can inspect debug builds installed via Xcode even if the debugger is not active (i.e. You cannot look at the WKWebView of apps you did not create nor of your own apps from TestFlight / the App Store. Whilst the Web Inspector can interrogate WKWebView, it can only do this for apps you are running via Xcode.

To do this, go to the Settings app and then Safari > Advanced and toggle the Web Inspector on.

If you want to use this on an actual device you’ll first need to enable the Web Inspector on iOS.

There are a few caveats to be aware of when using the Web Inspector with an iOS device or simulator: In doing this, I was then able to put this knowledge to use on no less than 3 client projects in the past month this validates my theory that by working on your own side projects you can improve your efficiency when it comes to work projects. Whilst developing Browser Note, I was constantly needing to tweak CSS values and investigate the current state of the DOM as websites have various tricks to try and make ads or cookie notices appear on top of all content (and the note needed to be on top at all times - you should totally take a look at Browser Note whilst you’re here). As I hover over the DOM in the web inspector, the same highlighting that appears in desktop Safari appears within the WKWebView on my physical device (note the green box showing the 24px padding within that div).ĭiscovering that simulators and devices could be interacted with in this way has been a huge timesaver for me.