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.
Now I am writing ionic app. I have upgraded OS X and XCode to newer.
In previous versions, I had debug the ionic app by using safari inspector. But in the new version(Safari Version 8.0.5 (10600.5.17), XCode Version 6.3.1 (6D1002)), I can not debug my app by using Safari Inspector.
Safari seems to work instability sometimes. After this question, I got above problem several times.
At that times, I did restart my mac, then, Safari return to normal working and I could debug via Safari.
In my case, I had to restart Safari, then open an actual website (NOT just the 'new tab home')
I have been searching/reading over the steps to set up the web inspector from an ipad on the mac. It all seems straight forward and it always shows the ipad connected in the develop drop down (in safari on the mac). But it never allows anything to be selected from my ipad (“No Inspectable Applications”), no matter what site I have pulled up in safari on my ipad.
I have a second gen Ipad 32 Gig
IOS version 8.0.2 (I started with 7.0.1 then upgraded to 7.0.2 then 8)
I am using a Mac Book Pro
IOS 10.9.5
Safari
Version 7.0.6
Initially it was not syncing with my itunes when connected to the Mac, but I was still seeing the ipad connected (I just couldn't selected anything from the develop drop down “No Inspectable Applications”). I updated to the newer version on the ipad, and now I see my name attached to the ipad in the safari drop down on my mac. But it still does not allow me to actually select any applications regardless of what site I have loaded up in safari on my ipad.
I have tried restarted/updating both my mac and the ipad, I have started and stopped safari on the mac after connecting to the ipad... Still nothing. I am not really sure what I am doing wrong or if this is just a bug?
This seems like the same issue posted 3 days ago
*** UPDATED TO:
My version numbers that worked were:
Mac Book Pro IOS: 10.9.5,
Safari Version: 7.1,
iPad IOS: 8.0.2,
Xcode: 6.0.1
I believe you need to install Xcode on the Mac, and also use Xcode (in the organizer) to set the iPad to be "use for Development." Also make sure your Safari version is up to date, as well. Apparently, all versions need to be updated for success.
Interesting to read a lot of answers but no one that just said to you Update your Safari.
Yeah, you don't need XCode to be installed, just Safari 7.1. And it's a simple update that you can do from the Mac App Store.
I'm trying to debug a website on my iPhone. I used to be able to just connect the iPhone to my Mac and open up Safari. I'd click "Develop" and see my phone in that menu, then I could see each of my open Mobile Safari tabs from there.
Now, with iOS8 it no longer shows the open tabs on my Mobile Safari and instead of my open tabs I get "No Inspectable Applications".
I've made sure that Web Inspector is enabled.
Settings > Safari > Advanced > Web Inspector is on.
I'm not trying to open the 'tab' in private mode.
Anyone know what I'm doing wrong or is this a bug with Apple?
Also, for what it's worth, I've reset both my phone and desktop, reset both safaris. Unplugged and reconnected the cable... I'm at a loss.
Updating to Safari 7.1 (available in App Store updates today, September, 18 2014) on OS X 10.9.5 (Mavericks) enables remote debugging with iOS 8 Safari.
You don't need Yosemite.
I found out that iOS 8 Mobile Safari can only be inspected by Safari 8 on the Mac. Safari 8 comes with Mac OSX Yosemite (which is in beta right now). Or, I guess you can get it by downloading the latest nightly build of Safari found here: http://nightly.webkit.org
Update: Now that Safari 7.1 has been released for OSX Mavericks, you can download it and it will work with iOS 8.
I just realized in iOS 8 that there's a setting in Safari under advanced that allows for the Web Inspector to work. I don't remember that in 7 but it may have been there. That made everything start working for me.
I need to debug an HTML app on ipad. I used to be able to connect ipad by USB cable to my mac and it would show in the "Develop" menu in Safari. I have two ipads now - one with iOS 6 and another with iOS 7. The iOS 6 one is showing correctly and I can access the web inspector from my mac. iOS 7 ipad is not showing in the "Develop" menu.
I have the latest version of iOS installed (version 7.1) and the latest version of Safari (7.0.2) on Maverick.
Any suggestions are welcome.
Enable web inspector on your iOS device by following these steps:
iOS Device > Settings app > Safari > Advanced > Web Inspector
This setting allows you to connect to safari on your desktop.
I know this is a little late. I had this same issue and figured I would post how I got it to work in my case just in case it helps anyone in the future. I enabled it on the iPad and it didn't show. I tried closing Safari on the iPad, disconnecting and reconnecting the cable and neither worked. It ended up for me being really simple, I just quit of Safari on my laptop and restarted it and Safari then recognized the iPad and allowed me to debug. This may not work for every case but it did for me, hope it helps.
edit: just a note, I had the iPad plugged in with web inspector enabled when I restarted Safari.
In my case I was running iOS 11 BETA on the iPhone, and was trying to access from Safari 10 (current stable version). I have installed Safari 11 BETA, and now it is working as expected.
So in general: Make sure you are running the latest version of Safari. And if you are testing on iOS BETAs, you can download Safari Betas & Safari Technology previews from here (Thank you for the link #Jacob Ford).
You also need to enable web inspector from the device.
Open the settings app, select safari, select advance and then turn on web inspector.
ref:
http://www.spiraltrack.com/blog/how-debug-iphone-and-ipad-web-applications-using-safari.
Using a genuine Apple lightning cable (instead of a fake one) solved my problem.
After all these years, I finally found out what the problem was! Apparently, Safari version on the Mac needs to be the same or newer than the version on the iPad. If iPad has a newer version than Mac, then it won't be visible. If Mac has the same or newer version, then iPad is visible and can be debugged.
I wish Apple had documented this anywhere - would have saved loads of time for a lot of people.
One more tip to try - after trying many of the above suggestions I turned off "Sync with this iPhone over Wi-Fi" in iTunes.
Voila! Got my iPhone into the Develop menu!
(for context, this is in Mojave 10.14.6, iOS 13.1.3, Safari 13.0.3)
I just had to toggle the web inspector on and off on the device I was trying to connect and it showed up under Safari's develop menu:
iOS Device > Settings app > Safari > Advanced > Web Inspector
If you already have enabled web inspector on your iOS device by following these steps and still it is not showing you can try just disabling and then again enable web Inspector in device's Safari browser.
iOS Device > Settings app > Safari > Advanced > Web Inspector
Had the same issue after updating to Safari 13 and Xcode 11.3 on macOS Catalina. For me the following change brought the iOS device back to Safari's Develop menu:
Connect the device via USB
Start Xcode and go to menu "Window > Devices and Simulators"
Select the device
Check the "Connect via network" option
I've tried all the above but the only thing that works for me is to put iphone/ipad in airplane mode and then unplug/plug in the lighting cable a few times while keeping the develop menu open, once it shows up you can then turn off airplane mode
Another gotcha for the basket: If you've another OS running in a virtual machine that you've forgotten about then the iPad can end up connected to that and hence invisible to Safari on the Mac.
Additional go to:
Device Settings -> Safari -> Private Browsing = OFF
For me, the problem was the different OS versions between the iPad and the iMac. I updated the iPad with the latest OS (iOS 11.2.2 at the time of this writing), but the iMac was under El Capitan (10.11.6) macOS. Once I updated the iMac to High Sierra (10.13.2) everything worked correctly.
I've found that Simulator is always in Safari's Develop menu if it's already running when Safari launches, and Simulator is never in the menu if Safari is launched first.
So you need to restart your Safari again.
That's Simulator 11.2 (comes with Xcode 9.1), Safari 11.0.3 and macOS 10.13.3
Similar to what BernieSF said, with a little more detail from my specific scenario. I was getting ready to upgrade my laptop to High Sierra to try and solve this, but I'm glad I didn't have to.
I have been trying to solve this for some time now, so maybe my situation will apply to someone else. The problem was the version of Safari I had installed on my older Macbook Air.
Symptoms: All the appropriate settings were enabled, and when I plugged in my phone to the USB cable, it would show up in the Develop tab, and then quickly disappear.
Setup: iPhone 7 on 11.3.1 and Macbook Air(3,2) on 10.12. On the Air, Safari was version 10.1.
I read in an Apple thread that for iOS 11, I needed to have Safari 11, but I had no option to update Safari in the App Store. There was a system update available, and the update to 10.13 available, but not Safari.
Solution:
I did the system updates (not the update to 10.13)
After my computer rebooted, the App Store then offered me an update to Safari 11.1.1 and I installed that
Voila! It now works!
I had this issue with iOS 13.2.3 on both macOS Mojave and Catalina.
When I disconnected the iPhone from the Wi-Fi and only connected it via the cable the dropdown in Safari showed the iPhone.
The solution for me was:
In iTunes click the sync-settings button and enabling and then disabling the "Sync with this iPhone over Wi-Fi".
After that the iPhone showed up again in Safari's developer menu.
I experienced the same issue today with iOS 13 and Mac OS 10.14 (Mojave).
What fixed it for me was simply installing a required Update in MacOS.
However, it is not an update that is installed via system preferences but only via a dialog that appears when trying to connect the devices.
Unfortunately the dialog appeared behind all other windows and could not be tabbed to. Thus I did not see it at all until I closed all other windows.
Regarding the dialog itself - here some information from Apple support:
https://support.apple.com/en-us/HT208831
In my case, I was using iOS beta version.
Xcode > Window > Devices and Simulators > Connect via network
then I can see error messages.
"The current device configuration is unsupported. This iPhone X (Model A1865, A1901, A1902,…"
"To run on this device, please update to a version of Xcode that supports iOS 13.6. You can download Xcode from the Mac App Store or the Apple Developer website."
Oh yeah.
Another thing to check is Build Settings > Signing > Code Signing Identity
Make sure both Release and Debug are set to iOS Developer