Menu
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.
512
With Safari open, select the Develop menu in the menu bar. Toward the top of that list, you should see your device's name and the windows that are available to inspect. Select the page or application to inspect, and the inspection window will open.
From the Safari menu bar, select Develop and choose the name of your attached iOS device, then select the URL that appears under Safari to open the debug console for that site. After you connect your device, use your Mac to inspect the website you want to debug and have it open in the Safari mobile browser.
Safari includes Web Inspector, a powerful tool that makes it easy to modify, debug, and optimize websites for peak performance and compatibility on both platforms. And with Responsive Design Mode, you can preview your web pages in various screen sizes, orientations, and resolutions.
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
148
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:
Once done, you should see be able to debug as usual via desktop Safari.
39
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
