Debug iPad Safari with a Pc

Debug ipad safari with a PC

2018 Update:

Since the original post, the blog post is dead & Telerik App Builder is discontinued and no longer offered. Adding this update to inform readers in case they don't read the user comments that follow this answer post. As for the blog post, for those still interested, here's a web cached copy. Regarding the blog, I think the company that blog's from has since shut down.

When I get a chance, I'll see if I have a copy of the app builder saved so that I can post it online for those still interested in using it, along with another cached copy of the blog post maybe.

Original Answer

You can try option of using Telerik AppBuilder (Windows client) as a replacement on Windows for Safari debugger on Mac when remote debugging. There's a nice blog post about the steps to do it in link below. I'd rather not repost the info as there are also screenshots and it's a lot of text. But essentially, you install app, open it, connect device via USB, then you can find it in the app and open up the developer tools/debugger for it. For non-public websites, you'll have to open up port 80 with some firewall configs documented in the post.

http://blog.falafel.com/Blogs/josh-eastburn/2014/03/04/ios-web-inspector-on-windows-with-telerik-appbuilder

The tool requires a license or you can use the trial, which becomes a basic edition afterwards. I think the basic edition will still allow you to do the debugging. I'm going to try it out myself.

You can also try these iOS apps too, you can find them in the iTunes App store. They give you a built in developer tools feature (right on iOS no remote debug) that mobile Safari doesn't offer.

MIH Tool - basic edition
https://itunes.apple.com/us/app/mihtool/id584739126?ls=1&mt=8

HTTPWatch Basic
https://itunes.apple.com/us/app/httpwatch-basic-http-sniffer/id658886056?mt=8

I gave them a try and they're at least better than the mobile Safari you get on iOS, unless one needs to target full mobile Safari compatibility. I'm guessing the pro/paid editions of those apps give you more/better features.

Safari Remote Debugging on Windows

How to debug Safari iOS when you're on Windows?

• Those nice Safari developer tools for iPhone require Safari 6, i.e. they are NOT available on Windows. There are no plans for a Windows version of Safari 6 or, as Apple put it: "Safari 6 is available for Mountain Lion and Lion. Safari 5 continues to be available for Windows." (http://en.wikipedia.org/wiki/Safari_%28web_browser%29#Safari_6)

• If your local web server (e.g.: XAMPP) is properly configured, you should be able to visit it from your iPhone once it's connected to your computer. However, on Windows, this does not work either.

Alternatives:

• WebKit Debug Proxy is likely to offer similar functionality using Chrome in place of Safari one day: https://github.com/google/ios-webkit-debug-proxy* "Windows support is planned but not implemented yet."
• Use jsconsole for Remote Debugging: http://jsconsole.com/remote-debugging.html Not safe AT ALL for production (read the warnings, don't use in prod) but very handy.

Hope this helps someone.

Accessing iOS Safari Web Inspector from Windows Machine

It appears to require Safari 6, which has not been released for Windows. Regarding the unavailability of Safari 6 on Windows, Apple has stated "Safari 6 is available for Mountain Lion and Lion. Safari 5 continues to be available for Windows."

Debug iOS Safari html layout on Windows

On your mac you can open the iOS Simulator (previously the iPhone simulator). If you have XCode you have the simulator. Just open the simulator, open Safari and navigate to your page from there, just as you would in a normal browser.

Since Mobile Safari doesn't have a capable HTML/CSS inspector Firebug Lite might work.

Debugging iPad Safari with Vorlon

Timothy was right. But to be a bit more exact: the WLAN router I got from my internet provider has a WLAN interface and four LAN interfaces. It turns out that nodes on the WLAN can not see each other, but they can see the machines connected to my LAN interfaces, like my NAS, my PC and the printer.

So the iPad - connected to the WLAN - is able to connect to the Vorlon-server on my PC and I now can start debugging.

---

Related Topics