Comment utiliser Web Inspector sur Safari pour iOS

Les sites Web ne sont pas toujours accessibles à partir d'un système de bureau. Les appareils mobiles ont également des navigateurs et ils sont utilisés pour accéder aux sites Web aussi souvent, sinon plus, que sur les ordinateurs de bureau. Dans de rares cas, les sites Web populaires auront une application mobile, mais la plupart des sites Web n'en ont pas. C'est pourquoi un site Web doit fonctionner de manière assez raisonnable sur les navigateurs de bureau et mobiles. Pour s'assurer qu'ils le font, les sites Web doivent être débogués pendant le développement sur les navigateurs Web mobiles, c'est là que vous rencontrez des problèmes car ils ne disposent pas d'une console comme les navigateurs de bureau.

Besoin d'accéder à la console pour mobile Chrome sur Android ? Consultez notre guide .

Inspecteur Web sur Safari

Si vous déboguez des sites Web sur Safari sur iOS, vous pouvez utiliser l'inspecteur Web intégré de Safari. La seule restriction est que vous devez avoir un Mac. La console Web sur Safari mobile est accessible via Safari sur un Mac. La mise en place prend un certain temps.

compte iCloud

Pour utiliser l'inspecteur Web sur Safari, l'appareil iOS et le Mac doivent utiliser le même compte iCloud et être configurés pour synchroniser Safari.

macOS

1. Ouvrez les Préférences Système .
2. Accédez à l' identifiant Apple (notez l'identifiant utilisé).
3. Sélectionnez iCloud dans la colonne de gauche et assurez-vous que Safari est activé dans le volet de droite.
4. Ouvrez Safari .
5. Cliquez sur Safari dans la barre de menus et sélectionnez Préférences .
6. Dans les préférences de Safari , allez dans l' onglet Avancé .
7. Activez le « Afficher le menu Développement dans la barre de menus » .

iOS

1. Ouvrez l' application Paramètres .
2. Appuyez sur votre compte en haut.
3. Assurez-vous que l' identifiant Apple utilisé est le même que celui utilisé sur le Mac .
4. Appuyez sur iCloud .
5. Activez iCloud pour Safari .
6. Revenez à l' écran principal de l' application Paramètres .
7. Allez dans Général et faites défiler vers le bas.
8. Allez dans Réinitialiser> Réinitialiser l'emplacement et la confidentialité .

Activer l'inspecteur Web

Vous êtes maintenant prêt à connecter l'appareil iOS à votre Mac.

1. À l'aide d'un câble de données , connectez l'iPhone (ou l'iPad) au Mac .
2. Sur votre iPhone, vous verrez une invite vous demandant si l'ordinateur auquel il est connecté doit être approuvé. Appuyez sur Faire confiance et saisissez le mot de passe sur votre appareil .
3. Ouvrez Safari sur l'iPhone et visitez le site Web que vous souhaitez déboguer .
4. Sur Mac, ouvrez Safari et accédez à Développer . Votre iPhone devrait apparaître dans le sous-menu. Sélectionnez-le et sélectionnez le site Web que vous souhaitez déboguer. Il apparaîtra dans le sous-menu.
5. Une nouvelle fenêtre s'ouvrira avec l' inspecteur Web .

Dépannage

Dans certains cas, la méthode ci-dessus peut ne pas fonctionner. C'est un bug avec macOS. La seule chose qui fonctionne dans presque tous les cas est le correctif ci-dessous. Cependant, procédez comme suit APRÈS avoir suivi les étapes de la section précédente.

1. Déconnectez l'iPhone du Mac.
2. Ouvrez l' application Paramètres sur l'iPhone .
3. Allez dans Général>Réinitialiser>Réinitialiser l'emplacement et la confidentialité .
4. Sur le i Phone, désactivez le WiFi, activez le Bluetooth et activez le point d'accès mobile .
5. Connectez l'iPhone au Mac . Faites confiance à l'ordinateur lorsque vous y êtes invité sur l'iPhone.
6. Ouvrez Safari sur l'iPhone et visitez le site Web que vous souhaitez déboguer.
7. Sur Mac, ouvrez Safari .
8. Allez dans Développer>Votre iPhone>Connexion via le réseau .
9. Ensuite, allez dans Développer>Votre iPhone>Sélectionnez le site Web ouvert dans Safari sur l'iPhone.

Conclusion

Le débogage d'un site Web dans Safari pour iOS ne peut être effectué qu'avec un Mac. Vous devez vous assurer que la version de Safari sur iOS est la même que celle sur Mac. Une bonne règle de base consiste à toujours exécuter la dernière version stable d'iOS et de macOS lorsque vous déboguez un site Web. Cela garantira que la version de Safari est la même sur les deux plates-formes.