After switching to new versions of iOS, I've not been able to debug my web app from OS X Safari to my iPhone Safari browser. My iPhone shows up but I get no options.
On my iPhone, I have allowed the web inspector.
English: Developer -> Johans iPhone -> No inspectable applications.
If I, however save my web app to my home screen - I can get the developer tools for that app, but it's not what I want at this occasion. Unfortunately I have no other iOS / OS X devices to test with, so any help would be greatly appreciated.
Though this is an old question, it should be mentioned somewhere in the answer that you actually have to enable remote inspection on the iPhone first before anything will show up.
Go to:
Settings --> Safari --> Advanced --> Web Inspector
Debugging iOS 8 mobile Safari requires desktop Safari 7.1, which is only available with OS X 10.9.5 or greater.
What you need to do is:
Update (via Apple menu->Software Update) to OS X 10.9.5 (if you haven't already)
Once you've done that, you should see the Safari 7.1 in the list of pending updates
Once done, you should see be able to debug as usual via desktop Safari.
Also for iOS 9:
On your mobile device under Settings -> Safari -> Fraudulent Website Warning = OFF [default = ON]
Even with OS X 10.9.5 and Safari > 7.1 I wasn't able to debug mobile Safari on an iPad with iOS 8.
It turned out that I had previously rejected a dialog on the iPad that asked whether to "trust this computer". The following steps helped:
Power down device.
Open iTunes on computer.
Connect device to computer.
Respond to computer question to let device access iTunes.
Turn on device.
It will ask you to confirm to trust the computer again. Accept and you should be able to debug as usual.
Related
Does anyone know if testing webauthn in the iOS simulator (xcode 12) with ios 14.4 is possible? I tried it with https://webauthn.io and using an iPhone 8 with fingerprint enabled and iPhone 11 with faceid enabled but in both cases it does not seem work.
How to launch iOS simulator with Safari developer tools
1.Install XCode. If you are developing on Mac, chances are you already installed XCode. You can either use the Apple App Store (easiest way) to install XCode or get the DMG/XIP file to install it if you do not use the App Store.
2.Start iPhone/iOS Simulator.app to launch the Simulator. If you have not created a simulator yet, you need to do this in XCode. You can have multiple simulators as you might want to test on different devices. I recommend creating a shortcut so you do not need to open XCode every time you want to launch a simulator.
3.Open the Safari browser in the Simulator. As mentioned above, other browsers like Chrome are not supported.
4.Open the Safari browser on your Mac device to connect it with the Safari browser in the simulator. Now you should be able to use the Safari developer tools like in any other web page: see the DOM, set breakpoints for debugging, perform network analysis and much more.
I am connecting my iPhone 5 SE with an Apple OEM lighting-to-thunderbolt cable. I have the latest version of macOS (10.15.3) installed.
I have made sure that the Web Inspector setting in Settings > Safari > Advanced is turned on.
On both Safari and Safari Technology Preview I have enabled the Develop menu. My device does not show up in either.
I tried removing trusted devices from my iPhone by resetting my location and privacy in General > Reset. I then re-added my macOS system as a trusted device. This did not help either.
Any thoughts?
I am using OSX 10.15.3, (non-preview) Safari 13.0.5 and an iPhone 7 (A1660) running iOS 13.3. I plugged the phone into the Mac for the first time and trusted the computer. The Web Inspector and Remote Automation settings are available on the phone. Desktop Safari is able to find the phone in its Develop tab. It is possible to debug web pages or progressive web apps saved to the home screen, when one or both of Web Inspect and Remote Automation are enabled on the phone. Even if the debugger is not enabled, desktop Safari still knows the phone is there but shows No Inspectable Applications.
Try setting up WiFi sync for the phone, and connecting it with the cable.
I am using this tool- Safari Technology Preview to debug my iphone on mac.
Download link- https://developer.apple.com/safari/technology-preview/
I am using Safari v7.1 and iOS Simulator v7.1 running ios v7.
I have enabled all the options in Mobile Safari in the iOS simulator as well as in Safari browser on Mac (v10.9.5) as per this url: http://webdesign.tutsplus.com/articles/quick-tip-using-web-inspector-to-debug-mobile-safari--webdesign-8787
However when I run any hybrid app in Simulator or open a webpage in mobile Safari, I dont see the webpage in Safari Web inspector. The Mac Safari option "Develop -> iOS Simulator" shows "No Inspectable application" to debug.
The same works fine if I connect an actual iPhone.
Any pointers are welcome!
From a WWDC 2014 session 512 "web_inspector_and_modern_javascript", you have to create a .entitlements file with these keys. It's about at 22:48 min in the video.
Can't find in Apple's Safari Web Inspector Guide though. Just weird... :(
This question already has answers here:
Closed 10 years ago.
Possible Duplicate:
Simulator to test website on mac IOS
I need to test my site on a mac ios (desktop not mobile) is there a simulator available online to do this?
You can use the iOS simulator to do this. You need to enable "Developer Mode" on Safari (Preferences -> Advanced).
Then open the website you want to debug in the iOS simulator. Go back to safari and under Develop you will see the simulator and the tabs open on safari.
If you want to test an actual device, then just plug it into your computer and it should show there too.
That's how I do it.
Testing on Window's Safari browser and testing on Mac OS Safari browser both are same.
Still here is good link that might help you.
Hope this info helps you..
According to iOS Developer Library Debugging guide it should be possible to debug a web site in Mobile Safari (on iOS 6) remotely from desktop Safari, through a usual USB connection. But after completing described steps (I turn on Web Inspector on iPad, connect it via USB to my Mac, switch on Develop menu form the preferences) I still do not see any device item under Develop menu in desktop Safari. Is there any other crucial requirement for this to work? Minimal Mac OS X version maybe? I have 10.6.8.
It turns out that support for remote debugging was added only in Safari 6, which, for some unexplainable reason is not available for Snow Leopard, only for Lion (in limited version) and up. So I bought an upgrade to Mountain Lion and it simply works now.
Apple wants to force the developers to upgrade to the recent OSX (which is bundled with the recent Developer Tools).
But there is an working way for debugging iOS6+ Safari for developers using OSX 10.6.8 / Windows / whatever:
WeinRE
It works just fine like the official way. Maybe Apple took this project for their debugging (just a guess).
In the preferences for Safari on iOS, there is an option under advanced that allows the toggling of 'Web Inspector', which turns on and off this feature (at least this is on iOS 6, I don't have older devices to check this on).
There is also a limitation that:
Important: You can only inspect apps on devices that have been transferred to your device from Xcode. You cannot inspect apps that have been downloaded from the App Store, even if it is your app.
So I expect that developer apps are the only other ones that you can manipulate in this manner.