web-dev-qa-db-fra.com

Est-il possible de déboguer iOS Chrome sur Windows 10?

Comme le titre l'indique, je dois déboguer un site Web ouvert avec mobile Chrome sur un appareil iOS (iPod, iPad, etc.) sous Windows 10. J'ai réussi à configurer le débogage iOS Safari sur Windows 10 via Chrome DevTools ( repo GitHub , commentaire utile ). J'adorerais faire la même chose sauf avec Chrome ou Firefox et non Safari. Est-ce même possible?

iosgoogle-chromedebugginggoogle-chrome-devtools
6
Tomeister

Oui, ça l'est. Vous aurez besoin du nœud d'abord et (inspecteur Web activé sur iOS> Paramètres> Safari) puis ...

  1. Installez weinre Sudo npm -g i weinre (ou) npm i -g weinre
  2. Exécutez weinre weinre --boundHost YOUR_IP:PORT
  3. Lorsqu'il s'exécute, copiez et collez le script suivant dans votre code

<script src="http://YOUR_IP_ADDRESS:PORT/target/target-script-min.js"></script>

  1. Connectez votre appareil iOS via USB

  2. Aller à http://YOUR_IP_ADDRESS:PORT/client/ depuis votre navigateur (votre PC) où vous souhaitez déboguer et vous verrez votre appareil.

Erreur à l'étape 2

Si vous voyez une erreur à l'étape 2, vérifiez d'abord votre IP via ipconfig, puis associez une IP similaire avec un port libre qui n'est pas utilisé. Par exemple, mon adresse IP locale est 192.168.1.5, j'ai donc utilisé la même chose avec un port libre - 192.168.1.5:4576

Erreur à l'étape 5

Si vous ne voyez pas votre appareil, essayez d'ajouter un nom myDevice au script dans Étape comme suit

<script src="http://YOUR_IP_ADDRESS:PORT/target/target-script-min.js#myDevice"></script>

Ensuite, à l'étape 5, lorsque vous atteignez votre appareil, ajoutez le nom de l'appareil à l'URL en tant que http://YOUR_IP_ADDRESS:PORT/client/#myDevice

[~ # ~] succès [~ # ~]

Si tout fonctionne correctement, vous pourrez inspecter votre code, lire indexedDB, session et localStorage et voir les sorties dans la console parmi d'autres outils de développement.

5
Robot Boy