Tutoriels Mac OS

Comment utiliser l’inspecteur Web sur Safari pour iOS

Par Julien, le 18 février 2021 — 4 minutes de lecture
Comment utiliser l'inspecteur Web sur Safari pour iOS

Les sites Web ne sont pas toujours accessibles à partir d’un système de bureau. Les appareils mobiles ont aussi 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 assez raisonnablement sur les navigateurs de bureau et mobiles. Pour s’assurer qu’ils le font, les sites Web doivent être débogués lors du 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. L’installation 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. Ouvert Préférences de système.
  2. Aller à identifiant Apple (notez l’ID en cours d’utilisation).
  3. Sélectionner iCloud dans la colonne de gauche et assurez-vous Safari est activé dans le volet de droite.
  4. Ouvert Safari.
  5. Cliquez sur Safari dans la barre de menu et sélectionnez Préférences.
  6. Sur Les préférences de Safari, allez au Onglet Avancé.
  7. Activer le ‘Afficher le menu Développement dans la barre de menus’.

iOS

  1. Ouvrez le Réglages app.
  2. Appuyez sur votre compte au sommet.
  3. Assurez-vous que L’identifiant Apple utilisé est le même que celui utilisé sur le Mac.
  4. Robinet iCloud.
  5. Permettre iCloud pour Safari.
  6. Revenir à la principale Écran de l’application Paramètres.
  7. Aller à Général et faites défiler vers le bas.
  8. Aller à 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. Utilisant un câble de données, connectez l’iPhone (ou iPad) au Mac.
  2. Sur votre iPhone, vous verrez une invite vous demandant si l’ordinateur auquel il a été connecté doit être approuvé. Appuyez sur Faire confiance, et entrez le code d’accès à votre appareil.
  3. Ouvrez Safari sur l’iPhone et visitez le site Web que vous souhaitez déboguer.
  4. Sur Mac, ouvrir Safari et allez à 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 le inspecteur web.

Dépannage

Dans certains cas, la méthode ci-dessus peut ne pas fonctionner. Il s’agit d’un bug avec macOS. La seule chose qui fonctionne dans presque tous les cas est le correctif ci-dessous, cependant, faites ce qui suit APRÈS avoir suivi les étapes de la section précédente.

  1. Déconnectez l’iPhone depuis le Mac.
  2. Ouvrez le Application Paramètres sur l’iPhone.
  3. Aller à Général> Réinitialiser> Réinitialiser l’emplacement et la confidentialité.
  4. Sur le iTéléphone, désactiver le WiFi, activer Bluetooth, et activer Mobile Hotspot.
  5. Connectez l’iPhone au Mac. Faites confiance à l’ordinateur lorsque vous y êtes invité sur l’iPhone.
  6. Ouvert Safari sur iPhone, et visitez le site web vous voulez déboguer.
  7. Sur le Mac, ouvrez Safari.
  8. Aller à Développer> Votre iPhone> Se connecter via le réseau.
  9. Ensuite, allez à Développer> Votre iPhone> Sélectionnez le site Web ouvrir 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 est de 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.

Julien

Julien

Vous me retrouverez sous tous les tutorials lié à l'univers Apple, aussi bien sur le système d'exploitation pour ordinateur MacOS, que sur les terminaux mobile avec iOS. J'espère, au travers de mes guides, vous enlever quelques épines du pied envers ces systèmes réputés simple mais parfois ésotérique.

Commentaires

Laisser un commentaire

Votre commentaire sera révisé par les administrateurs si besoin.