Comment activer la console de débogage de l’iPhone ou l’inspecteur Web
ce qu’il faut savoir
- Activez Web Inspector sur iOS : accédez à d’installation > safari > Avancée et déménager inspecteur de réseau basculer sur exister Lieu.
- Utilisation de Web Inspector sur macOS : connectez votre appareil iOS à votre Mac et développer menu.
Si vous rencontrez des erreurs ou d’autres problèmes avec votre site Web sur Safari mobile, utilisez l’outil Web Inspector pour enquêter. Cet article décrit comment utiliser la console Safari de l’iPhone pour déboguer les erreurs à l’aide d’un ordinateur Mac. Les instructions s’appliquent aux iPhones avec iOS 14, iOS 12 ou iOS 11 et aux Mac avec macOS Big Sur (11.0), macOS Catalina (10.15) ou macOS Mojave (10.14).
Activez Web Inspector sur votre iPhone ou autre appareil iOS
Web Inspector est désactivé par défaut car la plupart des utilisateurs d’iPhone ne l’utilisent pas. Cependant, si vous êtes développeur ou curieux, vous pouvez l’activer en quelques étapes courtes. Voici comment:
-
Allumer l’iPhone d’installation menu.
Sur les iPhones avec des versions antérieures d’iOS, accédez à la console de débogage en d’installation > safari > développeur > console de débogageLorsque Safari sur iPhone détecte des erreurs CSS, HTML et JavaScript, chaque détail s’affiche dans le débogueur.
-
faites défiler vers le bas et cliquez safari Ouvre un écran contenant tout ce qui concerne le navigateur Web Safari sur votre iPhone, iPad ou iPod touch.
-
Faites défiler vers le bas de la page et sélectionnez Avancée.
-
bouge toi inspecteur de réseau basculer sur exister Lieu.
Connectez votre appareil iOS à Safari sur Mac
Pour utiliser Web Inspector, connectez votre iPhone ou autre appareil iOS à un Mac avec un navigateur Web Safari et activez le menu Développer.
-
Ouvrez Safari, sélectionnez safari Sélectionnez dans la barre de menus priorité.
-
choisir Avancée Étiqueter.
-
choisir Afficher le menu Développer dans la barre de menus Cochez la case et fermez la fenêtre des paramètres.
-
Dans la barre de menus de Safari, choisissez développer et sélectionnez le nom de votre appareil iOS connecté, puis sélectionnez l’URL qui apparaît ci-dessous safari Ouvrez la console de débogage du site.
Une fois l’appareil connecté, utilisez votre Mac pour inspecter le site Web que vous souhaitez déboguer et ouvrez-le dans le navigateur mobile Safari.
Qu’est-ce qu’un inspecteur web ?
Les développeurs Web utilisent Web Inspector pour modifier, déboguer et optimiser les sites Web sur les appareils Mac et iOS. Lorsque l’inspecteur Web est activé, les développeurs peuvent inspecter les ressources sur les pages Web. La fenêtre Inspecteur Web contient du code HTML modifiable et des commentaires sur les styles et les couches de page Web dans des panneaux distincts.
Avant iOS 6, le navigateur Web iPhone Safari avait une console de débogage intégrée que les développeurs utilisaient pour trouver les bogues des pages Web. La dernière version d’iOS utilise à la place l’inspecteur Web.
Dans Safari 9 et OS X Mavericks (10.9), Apple a introduit le mode de conception réactif dans Web Inspector. Les développeurs utilisent ce simulateur intégré pour prévisualiser la façon dont les pages Web s’adapteront à différentes tailles d’écran, résolutions et orientations.
Merci de nous en informer!
Dites-nous pourquoi !
D’autres détails ne sont pas assez difficiles à comprendre
