Ce wikiHow vous apprend à utiliser l'application Safari de bureau d'Apple pour vérifier les performances des pages Web mobiles dans Safari pour iPhone.
Pas
Partie 1 sur 3: Activation de Web Inspector sur votre iPhone
Étape 1. Ouvrez les paramètres de votre iPhone
C'est une icône grise contenant des engrenages sur votre écran d'accueil.
Étape 2. Faites 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.
Étape 3. Faites défiler vers le bas et appuyez sur Avancé
C'est en bas du menu.
Étape 4. Faites 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: Activation de Web Inspector sur votre Mac
Étape 1. Ouvrez Safari sur votre Mac
C'est l'application qui ressemble à une boussole bleue.
Étape 2. Cliquez sur Safari
C'est dans la barre de menu dans le coin supérieur gauche de l'écran.
Étape 3. Cliquez sur Préférences
Étape 4. Cliquez sur ⚙️Avancé
C'est l'onglet le plus à droite en haut de la fenêtre.
Étape 5. Cochez "Afficher le menu Développer dans la barre de menus
" C'est en bas de la fenêtre.
Étape 6. Connectez votre iPhone
Utilisez le câble USB fourni avec votre appareil pour connecter votre iPhone à votre Mac.
Partie 3 sur 3: Utilisation de Web Inspector sur Safari pour iPhone
Étape 1. Ouvrez un site Web
Sur Safari pour iPhone, ouvrez la page Web mobile que vous souhaitez déboguer.
Étape 2. Cliquez sur Développer
C'est le troisième menu déroulant en partant de la droite sur Safari pour Mac.
Étape 3. Cliquez sur votre iPhone
Il sera répertorié en haut du menu.
Étape 4. Cliquez sur le site Web
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"
Étape 5. Inspectez 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.