Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Accessing iOS Safari Web Inspector from Windows Machine

New iOS 6 Safari comes with Web Inspector feature which allows to connect to it from your desktop Safari via USB cable. It then allows you to debug pages opened in iOS Safari from your desktop. But as far as I seen, this feature curently supported only on Mac Safari, not on Windows? Am I right, or Windows Safari also has the possibility? Or it will become available later maybe?

like image 460
Stranger Avatar asked Sep 23 '12 22:09

Stranger


People also ask

How do you inspect iPhone on Windows?

Connect iPhone to PC and trust the device Connect your iPhone to your PC with a cable. A pop-up will appear on your iPhone asking like "Do you trust this computer? " and click "Yes". On the PC, launch iTunes and you will see the similar message, so click "Yes".

How do I use Web Inspector in Safari windows?

On your iOS device, go to Settings > Safari > Advanced and enable Web Inspector. Open Safari on your iOS device and browse to a website. You should almost immediately see the website appear in Chrome under the Remote Target section: Click inspect under the target.


2 Answers

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."

like image 53
ghenne Avatar answered Oct 19 '22 18:10

ghenne


I regularly use weinre. It basically runs a webserver that in turn acts as an inspector-enhanced proxy to browse webpages and websites. The inspector can be started by adding a script to your page or running a bookmarklet.

weinre is a debugger for web pages, like FireBug (for FireFox) and Web Inspector (for WebKit-based browsers), except it's designed to work remotely, and in particular, to allow you debug web pages on a mobile device such as a phone.

To install it, you will need NodeJS and NPM (included with NodeJS). You will also need a WebKit-based browser on the desktop/receiver end (Safari, Google Chrome, or Chromium). It should work on Windows, OSX, and Linux.

  • Official page: https://people.apache.org/~pmuellr/weinre/
  • Documentation & Getting Started: https://people.apache.org/~pmuellr/weinre/docs/latest/
  • NPM Package: https://www.npmjs.com/package/weinre

If you already have NodeJS and NPM installed, you can install and run it with:

npm i -g weinre weinre # Go to the URL that it outputs for instructions to use it 

screenshot of developer tools and ios simulator, showing weinre in action

UPDATE:

@EvAlex has pointed out another tool very similar to Weinre called Vorlon.js. It is pluggable and supports viewing/switching between the inspector of multiple devices simultaneously.

like image 32
DaAwesomeP Avatar answered Oct 19 '22 17:10

DaAwesomeP