Avant iOS 6, le navigateur Web Safari de l'iPhone avait une console de débogage intégrée que les développeurs utilisaient pour trouver les défauts de page Web. Les versions récentes d'iOS utilisent plutôt Web Inspector. Web Inspector est utilisé par les développeurs Web pour modifier, déboguer et optimiser les sites Web sur les Mac et les appareils iOS.
Pour utiliser Web Inspector, connectez votre iPhone à votre ordinateur Mac avec un câble, ouvrez Safari du Mac, puis activez le menu Développer dans les préférences avancées de Safari.
Les informations contenues dans cet article s'appliquent aux iPhones et autres appareils iOS avec iOS 6 à iOS 12 et aux Mac sous Mac OS X Leopard (10.5) et versions ultérieures, sauf indication contraire.
:max_bytes(150000):strip_icc()/activate-the-debug-console-in-safari-445798-966c0d94643b4d458363ba425319dbdc.png)
Miguel Co / Lifewire
Activer l'inspecteur Web sur iPhone iOS 6 et versions ultérieures
L'inspecteur Web est désactivé par défaut car la plupart des utilisateurs d'iPhone ne l'utilisent pas. Cependant, les développeurs peuvent l'activer en quelques étapes courtes. Voici comment:
-
Appuyez sur le Réglages sur l'écran d'accueil de l'iPhone.
Sur un iPhone avec une première version d'iOS, accédez à la console de débogage via Réglages > "safari". > Développeur > Console de débogage. Chaque fois que Safari sur l'iPhone détecte des erreurs CSS, HTML et JavaScript, les détails de chacune sont affichés dans le débogueur.
-
Faites défiler vers le bas et appuyez sur "safari". pour ouvrir l'écran qui contient tout ce qui concerne le navigateur Web Safari sur votre iPhone, iPad ou iPod touch.
-
Faites défiler vers le bas de l'écran et appuyez sur Passerelle IIoT.
-
Déplacez le Inspecteur Web basculer sur le On position.
:max_bytes(150000):strip_icc()/001-activate-the-debug-console-in-safari-445798-a4b7da19fff847cf9ea9ffe911da0b31.jpg)
Connectez l'iPhone à Safari sur un Mac
Pour utiliser l'inspecteur Web, connectez votre iPhone ou un autre appareil iOS à un Mac qui exécute le navigateur Web Safari. Branchez votre appareil sur l'ordinateur à l'aide d'un câble.
Avec Safari ouvert, procédez comme suit:
-
Installation: Flottante - CLIQUEZ "safari". dans la barre de menu et choisissez Préférences.
:max_bytes(150000):strip_icc()/001-autofill-in-safari-for-os-x-and-macos-sierra-4103704-fc557bbc7ab341038f5be1d9953a2307.jpg)
-
Cliquez Passerelle IIoT languette.
:max_bytes(150000):strip_icc()/002-activate-the-debug-console-in-safari-445798-ebbd2813dedc448da5c705ece1aaa9a2.jpg)
-
Sélectionnez le Afficher le menu Développer dans la barre de menus Case à cocher.
:max_bytes(150000):strip_icc()/003-activate-the-debug-console-in-safari-445798-126e0290482f4b3790f5a0a76803baf9.jpg)
-
Quittez la fenêtre des paramètres.
-
Dans la barre de menus Safari, cliquez sur Développer des méthodes à hautes performances, Puis sélectionnez Connecter l'inspecteur Web.
:max_bytes(150000):strip_icc()/004-activate-the-debug-console-in-safari-445798-752dc8ee8cf042b0a8754e36dc23a842.jpg)
Votre iPhone ou autre appareil iOS connecté apparaît dans le Développer des méthodes à hautes performances menu déroulant. Avec l'inspecteur Web ouvert, les développeurs peuvent inspecter toutes les ressources d'une page Web. La fenêtre de l'inspecteur Web contient du code HTML modifiable et des notes concernant les styles et les couches de la page Web dans un panneau séparé.
Avec Safari 9 et OS X Mavericks (10.9), Apple a introduit le mode Responsive Design dans Web Inspector. Les développeurs utilisent ce simulateur intégré pour prévisualiser la façon dont les pages Web s'adaptent à différentes tailles d'écran, résolutions et orientations.