Debugging Safari on Windows, through Firefox!!?!! Yep!!

For a client we had to ensure that Safari on iOS played ball with one of our projects. Unfortunately, there were no MacBooks to be found! How are we going to debug Safari?! Not to fear though, Google & StackExchange to the rescue!

Below is an excerpt from a StackExchange comment: http://stackoverflow.com/questions/20408110/debug-ipad-safari-with-a-pc/35714835#35714835

There is actually a pretty easy way to debug a website in Safari on iOS using Firefox on a Windows machine. I wrote a detailed blog post about this, but here are the highlights:

  1. Install iTunes to get the “Apple Mobile Device Support” and “Apple Application Support” applications that come with it. (uninstall iTunes afterward, if you want)
  2. Connect your iOS device via USB.
  3. Enable web inspector on iOS (available on iOS 6 and later).
  4. Open Safari on your iOS device and browse to a website.
  5. Open Firefox on your Windows machine and press Shift + F8 to open WebIDE, which should include the necessary Valance add-on, if you use Firefox Developer Edition (any version) or Firefox 37 and later (any channel).
  6. For some reason, I couldn’t get it to connect to my iOS device until I downloaded the ios-webkit-debug-proxy-win32 program and ran it. It opens a blank Command Prompt, but after I went back to WebIDE after opening it, I disconnected, then reconnected, and I saw debug info for the website I had opened in Safari. You may not need to do this though, as another user just had to add an exception to their firewall then disconnect/reconnect, and it worked.

The debug info available isn’t as exhaustive as Chrome Developer Tools (specifically no “Networking” tab), but it was enough for me to be able to view what was going on in the Console.

Literally the shit. Fucking hell yeah AND THE BEST PART IS IT WORKED STRAIGHT AWAY!

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.