À partir de Chrome 115, vous pouvez activer le débogage de Safari Web Inspector pour Chrome sur iOS. Cet article vous explique comment vous lancer.
Avant Chrome 115, le débogage des pages Web nécessitait de compiler Chrome pour iOS à partir de la source, car la version finale de WKWebView n'était pas compatible avec le débogage à distance de l'outil d'inspection Web. Dans Chrome 73, nous avons ajouté la page chrome://inspect qui affiche en local les journaux JavaScript pour faciliter le débogage des pages Web. Maintenant que WKWebView permet le débogage de l'inspecteur Web dans la version (à partir d'iOS 16.4), nous avons ajouté un paramètre dans Chrome 115 pour activer cette fonctionnalité et améliorer davantage l'expérience des développeurs.
Premiers pas
Configuration requise sur votre appareil iOS:
- iOS 16.4 ou version ultérieure.
- Chrome 115 ou version ultérieure.
Sur votre Mac, voici ce dont vous avez besoin:
- Le menu Develop (Développement) de Safari est activé. Activez cette option dans les paramètres de l'application Safari, dans l'onglet "Paramètres avancés".
Sur votre appareil iOS, lancez l'application Chrome et accédez à Réglages. Dans Paramètres de contenu, activez l'outil d'inspection Web. Relancez Chrome pour iOS après avoir modifié ce paramètre.
Déboguer votre site
Lorsque ce paramètre est activé, vous pouvez déboguer n'importe quelle page exécutée dans Chrome pour iOS en procédant comme suit.
- Connectez votre appareil iOS à un Mac à l'aide d'un câble.
- Dans Chrome pour iOS, accédez au site Web que vous souhaitez inspecter.
- Sur votre Mac, lancez Safari. Dans le menu Développer, pointez sur le nom de votre appareil connecté, puis sélectionnez l'URL du site Web que vous souhaitez inspecter.
La fenêtre de l'inspecteur Web qui s'affiche permet de déboguer la vue Web actuelle. Pour en savoir plus sur l'utilisation des outils pour les développeurs Safari, consultez la documentation d'Apple.