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.
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)
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.
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.
(This is answer is less of a fix, and more of a superior alternative I wish I had discovered much sooner.)
You can just debug iOS WebView with Chrome Dev Tools instead of Safari!!
Windows
You can follow this guide to debug iOS webview on Windows with Chrome DevTools. (Tested and works with iOS 9 and iOS 14 so far!!) Edit: not working with iOS 9 today.... not sure what changed...
Linux / Mac
I believe you can basically follow the windows guide above for linux and Mac as well. (Comments confirming/denying welcome!)
Troubleshooting any part of the guide
For any part of the guide that doesn't work (because out of date or linux/Mac), you can follow the instructions that are included directly with the tools that make this possible:
remotedebug-ios-webkit-adapter
ios-webkit-debug-proxy (used by remotedebug-ios-webkit-adapter)
Maybe try this older version Safari Technology Preview, works for me on BigSur.
I also faced the same issue after updating safari and MacOs to BigSur, for now we can use Safari Technology preview everything works fine.
I was having the same issue with my iPad (iOS version: 11.x).
I resolved the issue by using another iPad (version: 13.3.1).
I think it doesn't support older version of web browser (Safari).
You can actually right-click on the tabs to enable/disable certain tabs. After updating some of my tabs were also gone, this is how you restore them.
navigator.geolocation.watchPosition worked well in the Visual Studio Cordova project but it does not work anymore. Later, there was also an error that navigator.connection.type is always "none".
These appeared after the last Visual Studio Community update.
The old version works well on the devices.
Has anyone else had the same problem?
It's to do with a bug in the latest Chrome (65). Still trying to find a workaround myself https://bugs.chromium.org/p/chromium/issues/detail?id=820945#c8
I developed an extension for Chrome which I would like to port to Firefox. I followed Mozilla's guide for porting a Chrome extension to Firefox. The extension worked fine when tested locally in Firefox. But, after submitting it to AMO, installing it from there gave me the "file corrupted" error:
After downloading it from Firefox store, I unzipped it only to find all my files are intact. Here is the extension link.
Any insights to the problem is appreciated!
We have a HTML5 app that need to be work offline as well.
Recently we noticed app is no longer get cached in Chrome 48 in IOS 9.2(ipad)
The app still works(get cached) normally as it used to be with Safari in IOS 9.
I have noticed application cache has been depricated by Mozilla https://developer.mozilla.org/en-US/docs/Web/HTML/Using_the_application_cache , but Chrome has not indicated that they have removed support for this and Chorme in other OSs works fine. Can someone suggest how to fix this issue or where to look at.
This is a limitation of WKWebView. See this Chromium bug and the related WebKit bug.
This issue has now fixed in iOS10.
I'm trying to debug with Safari a current website as you can connect a macbook to your ipad. The only issue I'm encountering is that once inspecting the tags cannot be opened, so I cannot check the content. This is what I get if I want to open wrapper for example:
I click it but it does not open, so you cannot see the content and therefore its pretty useless. Has somebody encountered this issue?
Safari version: 6.0.5
Mac OS: 10.7.5
Upgrading Max OS to OS Mavericks did the trick!