Comment utiliser l’inspecteur Web sur Safari pour iOS



L’accès aux sites web ne se limite plus aux ordinateurs de bureau. Les appareils mobiles, équipés de navigateurs, sont devenus des outils de consultation web aussi fréquents, voire plus, que leurs homologues fixes. Bien que certains sites populaires proposent des applications mobiles, la majorité n’en dispose pas. C’est pourquoi un site web doit fonctionner de manière optimale sur les navigateurs de bureau comme sur les navigateurs mobiles. Pour garantir cette compatibilité, il est essentiel de déboguer les sites web durant leur développement, directement sur les navigateurs mobiles. Or, ces derniers ne possèdent pas de console de débogage, contrairement aux navigateurs de bureau, ce qui peut poser des difficultés.

Besoin d’accéder à la console de Chrome sur Android? Notre guide est là pour vous aider.

L’inspecteur web de Safari

Pour déboguer des sites web sur Safari sous iOS, l’inspecteur web intégré de Safari est l’outil adéquat. Cependant, son utilisation requiert un Mac. En effet, la console web de Safari mobile est accessible depuis Safari sur un Mac. La configuration initiale peut prendre un certain temps.

Prérequis : le compte iCloud

Pour que l’inspecteur web de Safari fonctionne, votre appareil iOS et votre Mac doivent être connectés au même compte iCloud et la synchronisation de Safari doit être activée.

Configuration sur macOS

Ouvrez les Préférences Système.
Allez à l’Identifiant Apple (prenez note de l’identifiant utilisé).
Dans la colonne de gauche, sélectionnez iCloud et assurez-vous que l’option Safari est cochée dans le panneau de droite.
Ouvrez Safari.
Dans la barre de menu, cliquez sur Safari puis sélectionnez Préférences.
Dans les préférences de Safari, allez dans l’onglet Avancé.
Cochez l’option « Afficher le menu Développement dans la barre de menus ».

Configuration sur iOS

Ouvrez l’application Réglages.
Touchez votre nom en haut de l’écran.
Assurez-vous que l’identifiant Apple utilisé est le même que celui sur votre Mac.
Touchez iCloud.
Activez iCloud pour Safari.
Revenez à l’écran principal de l’application Réglages.
Allez dans Général puis faites défiler vers le bas.
Allez dans Transférer ou Réinitialiser l’iPhone > Réinitialiser > Réinitialiser localisation et confidentialité.

Activation de l’inspecteur web

Votre appareil iOS est désormais prêt à être connecté à votre Mac.

Connectez votre iPhone (ou iPad) à votre Mac à l’aide d’un câble de données.
Sur votre iPhone, une notification vous demandera si vous faites confiance à l’ordinateur auquel il est connecté. Touchez « Faire confiance » et entrez votre code d’accès.
Ouvrez Safari sur votre iPhone et naviguez vers le site web que vous souhaitez déboguer.
Sur votre Mac, ouvrez Safari et allez dans le menu Développement. Votre iPhone devrait apparaître dans le sous-menu. Sélectionnez-le et choisissez le site web que vous souhaitez déboguer. Il apparaîtra dans le sous-menu.
Une nouvelle fenêtre contenant l’inspecteur web s’ouvrira.

Dépannage

Dans certains cas, la méthode décrite ci-dessus peut ne pas fonctionner en raison d’un bug de macOS. La solution suivante a fait ses preuves, mais doit être appliquée APRÈS avoir suivi les étapes précédentes.

Déconnectez votre iPhone de votre Mac.
Ouvrez l’application Réglages sur votre iPhone.
Allez dans Général > Transférer ou Réinitialiser l’iPhone > Réinitialiser > Réinitialiser localisation et confidentialité.
Sur votre iPhone, désactivez le Wi-Fi, activez le Bluetooth et activez le partage de connexion.
Connectez votre iPhone à votre Mac. Faites confiance à l’ordinateur lorsque vous y êtes invité sur votre iPhone.
Ouvrez Safari sur votre iPhone et visitez le site web que vous souhaitez déboguer.
Sur votre Mac, ouvrez Safari.
Allez dans Développement > Votre iPhone > Connecter via le réseau.
Ensuite, allez dans Développement > Votre iPhone > Sélectionnez le site web ouvert dans Safari sur votre iPhone.

Conclusion

Le débogage d’un site web sur Safari pour iOS est possible uniquement avec un Mac. Il est crucial de s’assurer que la version de Safari installée sur iOS soit identique à celle installée sur le Mac. En règle générale, il est recommandé d’utiliser toujours les dernières versions stables d’iOS et de macOS lors du débogage afin de garantir la compatibilité des versions de Safari sur les deux plateformes.