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 » .

Comment utiliser Web Inspector sur Safari pour iOS

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 .

Comment utiliser Web Inspector sur Safari pour iOS

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.

Comment utiliser Web Inspector sur Safari pour iOS

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.

Leave a Comment

Comment partager la progression du voyage dans Google Maps

Comment partager la progression du voyage dans Google Maps

Comment partager la progression du voyage dans Google Maps

Comment utiliser une lentille pour animaux de compagnie Snapchat

Comment utiliser une lentille pour animaux de compagnie Snapchat

Comment utiliser une lentille pour animaux de compagnie Snapchat

Comment vider le cache de votre iPhone et profiter de performances optimales

Comment vider le cache de votre iPhone et profiter de performances optimales

Découvrez comment vider le cache des applications et des navigateurs iPhone, les instructions étape par étape et les méthodes de dépannage, ainsi que la fréquence à laquelle vous devez le faire.

MindMaple est un outil de cartographie mentale pour Windows et iOS avec accès multi-PC

MindMaple est un outil de cartographie mentale pour Windows et iOS avec accès multi-PC

La cartographie mentale est une technique utile qui consiste à réfléchir à de nouvelles idées autour d'un sujet central. Cette technique est utilisée depuis longtemps.

Comment transférer des images avec des légendes sur WhatsApp

Comment transférer des images avec des légendes sur WhatsApp

Comment transférer des images avec des légendes sur WhatsApp

Comment organiser une conversation vidéo de groupe sur Snapchat

Comment organiser une conversation vidéo de groupe sur Snapchat

Comment organiser une conversation vidéo de groupe sur Snapchat

Comment désactiver les images externes dans les applications Gmail

Comment désactiver les images externes dans les applications Gmail

Comment désactiver les images externes dans les applications Gmail

LiPhone 15 et liPhone 15 Plus ne bénéficieront pas de mises à niveau de lIA – voici pourquoi

LiPhone 15 et liPhone 15 Plus ne bénéficieront pas de mises à niveau de lIA – voici pourquoi

Découvrez pourquoi les iPhone 15 et 15 Plus ne bénéficieront pas des fonctionnalités d'IA des versions plus récentes. Découvrez ce qui leur manque.

Comment créer une liste damis proches sur Instagram

Comment créer une liste damis proches sur Instagram

Comment créer une liste d'amis proches sur Instagram

Comment synchroniser les pas dun tracker dactivité avec Pokémon Go

Comment synchroniser les pas dun tracker dactivité avec Pokémon Go

Comment synchroniser les pas d'un tracker d'activité avec Pokémon Go