À partir de Chrome 115, vous pouvez activer le débogage de l'outil Web Inspector de Safari 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 de WKWebView ne prenait pas en charge le débogage à distance de l'outil Web Inspector. Dans Chrome 73, nous avons ajouté la page chrome://inspect, qui affiche localement les journaux JavaScript pour faciliter le débogage des pages Web. Maintenant que WKWebView permet le débogage de l'outil d'inspection Web en 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
Sur votre appareil iOS, vous devez disposer des éléments suivants:
- iOS 16.4 ou version ultérieure
- Chrome 115 ou version ultérieure
Sur votre Mac, vous avez besoin des éléments suivants:
- Menu Développer de Safari 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, puis accédez à Paramètres. Dans Paramètres de contenu, activez l'outil d'inspection du Web. Redémarrez Chrome pour iOS après avoir modifié ce paramètre.
Déboguer votre site
Une fois le paramètre activé, vous pouvez déboguer n'importe quelle page exécutée dans Chrome pour iOS en suivant ces étapes.
- 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'outil d'inspection Web affichée 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.