web-dev-qa-db-fra.com

Accès à iOS Safari Web Inspector à partir de la machine Windows

Le nouvel iOS 6 Safari est livré avec la fonction Web Inspector qui permet de s'y connecter depuis votre bureau Safari via un câble USB. Il vous permet ensuite de déboguer les pages ouvertes dans iOS Safari depuis votre bureau. Mais pour autant que je sache, cette fonctionnalité n'est actuellement prise en charge que sur Mac Safari, pas sur Windows? Ai-je raison, ou Windows Safari en a-t-il également la possibilité? Ou peut-être deviendra-t-il disponible plus tard?

ioswindowssafariweb-inspector
53
Stranger

Il semble nécessiter Safari 6, qui n'a pas été publié pour Windows. En ce qui concerne l'indisponibilité de Safari 6 sur Windows, Apple a déclaré que "Safari 6 est disponible pour Mountain Lion et Lion. Safari 5 continue d'être disponible pour Windows."

40
ghenne

J'utilise régulièrement weinre. Il exécute essentiellement un serveur Web qui à son tour agit comme un proxy amélioré par l'inspecteur pour parcourir les pages Web et les sites Web. L'inspecteur peut être démarré en ajoutant un script à votre page ou en exécutant un bookmarklet.

weinre est un débogueur pour les pages Web, comme FireBug (pour FireFox) et Web Inspector (pour les navigateurs WebKit), sauf qu'il est conçu pour fonctionner à distance, et en particulier, pour vous permettre de déboguer des pages Web sur un appareil mobile tel qu'un téléphone .

Pour l'installer, vous aurez besoin de NodeJS et NPM (inclus avec NodeJS). Vous aurez également besoin d'un navigateur WebKit du côté bureau/récepteur (Safari, Google Chrome ou Chromium). Il devrait fonctionner sur Windows, OSX et Linux.

Si vous avez déjà installé NodeJS et NPM, vous pouvez l'installer et l'exécuter avec:

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

MISE À JOUR:

@EvAlex a indiqué un autre outil très similaire à Weinre appelé Vorlon.js . Il est enfichable et prend en charge l'affichage/la commutation entre l'inspecteur de plusieurs appareils simultanément.

27
DaAwesomeP

Pour tous ceux qui éprouvent encore des difficultés, le "bookmarklet" Firebug Lite vous permettra de déboguer javascript dans ios6 Safari. Suivez ce tutoriel: https://iosbookmarklets.com/firebug-lite-bookmarklet/

10
Phil

Configuration de Vorlon sous Windows 

npm i -g vorlon
vorlon

Vérifiez que Vorlon fonctionne

Ouvrez un navigateur Web et accédez à http: // localhost: 1337

Configuration Ngrok

  • Télécharger Ngrok: https://ngrok.com/download
  • Décompressez-le
  • Ouvrez une invite de commande: Start -> Search -> cmd
  • Accédez à ngrok.exe: cd <ngrok_path_where_ngrok.exe is stored>/
  • Exécuter: ngrok.exe http <port> par exemple. ngrok.exe http 1337

Ngrok fournit une URL, par exemple https://0ad8c32f.ngrok.io -> localhost:1337

Copiez et collez l'url ngrok dans votre page Web.

<script src="https://0ad8c32f.ngrok.io/vorlon.js"></script>

Accédez à la page en cours de test sur votre ou vos appareils:

http://thepageiwanttotest.com/testing123

Références

8
nu everest

Je suis tombé sur ce blog qui montre comment déboguer une application Web iOS sur Windows en utilisant une application stndalone de Telerik appelée AppBuilder. Vous êtes censé créer un compte sur leur plate-forme avant de l'utiliser et il dispose d'un essai de 30 jours.

Je l'ai utilisé sur Windows 7 64 bits pour les applications Web Vanilla et les applications Phonegap sur iPad avec iOS 7.1, et cela fonctionne. Vous obtenez des outils de développement Web très similaires à ceux de Chrome.

3
neno

J'ai trouvé un excellent outil appelé GapDebug

c'était la bonne solution pour moi :)

1
Eran Levi