Comment utiliser l'inspecteur web sur un iphone?
Ce guide vous apprend à utiliser l'application Safari de bureau d'Apple pour vérifier les performances des pages Web mobiles dans Safari pour iPhone.
Partie 1 sur 3: activer l'inspecteur Web sur votre iphone
- 1Ouvrez les paramètres de votre iphone. C'est une icône grise contenant des engrenages sur votre écran d'accueil.
- 2Faites défiler vers le bas et appuyez sur Safari. C'est dans le quatrième ou cinquième groupe de paramètres, avec d'autres applications Apple iPhone, comme Mail et Contacts.
- 3Faites défiler vers le bas et appuyez sur Avancé. C'est en bas du menu.
- 4Faites glisser le bouton à côté de «Web Inspector» sur la position «on». C'est la dernière option et deviendra verte lorsqu'elle est activée.
Partie 2 sur 3: activer l'inspecteur Web sur votre mac
- 1Ouvrez Safari sur votre Mac. C'est l'application qui ressemble à une boussole bleue.
- 2Cliquez sur Safari. C'est dans la barre de menu dans le coin supérieur gauche de l'écran.
- 3Cliquez sur Préférences.
- 4Cliquez sur ⚙️avancé. C'est l'onglet le plus à droite en haut de la fenêtre.
- 5Cochez «afficher le menu de développement dans la barre de menus». C'est en bas de la fenêtre.
- 6Connectez votre iphone. Utilisez le câble USB fourni avec votre appareil pour connecter votre iPhone à votre Mac.
Partie 3 sur 3: utilisation de l'inspecteur Web sur safari pour iphone
- 1Ouvrez un site Internet. Sur Safari pour iPhone, ouvrez la page Web mobile que vous souhaitez déboguer.
- 2Cliquez sur Développer. C'est le troisième menu déroulant en partant de la droite sur Safari pour Mac.
- 3Cliquez sur votre iphone. Il sera répertorié en haut du menu.
- 4Cliquez sur le site Internet. Il apparaît dans une fenêtre contextuelle à droite de votre iPhone.
- Si vous n'avez pas ouvert de site Web sur l'application Safari de votre iPhone, vous verrez un message "Aucune application pouvant être inspectée".
- 5Inspectez la page. En utilisant Safari sur votre Mac, vous pouvez améliorer et mesurer les performances des pages mobiles sur votre iPhone.
- Web Inspector vous permet d'exécuter des commandes en JavaScript pour créer une expérience plus dynamique et interactive pour l'utilisateur, telle que des animations et des messages en temps réel.
- Inspectez les éléments DOM (Document Object Model) à la recherche d'erreurs dans les commandes HTML, XML ou JavaScript.
- Utilisez CSS pour mettre à jour ou modifier la mise en page, les couleurs et les polices sur les pages mobiles.
En parallèle