Comment utiliser Web Inspector sur iPad / iPhone pour configurer le débogage à distance avec Safari

Avec iOS 6, Apple a introduit une nouvelle fonctionnalité Safari appelée «Web Inspector» pour le débogage des applications Web sur les appareils iOS tels que l'iPad, l'iPhone ou l'iPod touch. Cette fonctionnalité peut aider n'importe qui, en particulier les développeurs Web, à trouver et à corriger les problèmes avec les sites Web. Voici comment utiliser cette fonctionnalité:

Activez Web Inspector sur votre iDevice en appuyant sur Paramètres> Safari> Avancé et basculez sur Web Inspector.

Après avoir activé Web Inspector, vous devez connecter votre appareil à votre ordinateur (Mac uniquement, les ordinateurs PC ne prennent pas en charge cette fonction). Continuez à lancer Safari sur votre ordinateur Mac. Assurez-vous d'abord que les outils de développement de Safari sont activés. Si vous pouvez voir «Développer» dans la barre de menus, alors il est activé. Si vous devez activer le menu Développement, cliquez sur «Safari> Préférences> Avancé» et cochez la case «Afficher le menu Développement dans la barre de menus».

Sélectionnez maintenant le menu Développer; vous verrez votre iDevice comme une option de menu. Vous devriez pouvoir inspecter votre site Web. Cela inclut la modification de HTML ou CSS, l'exécution de commandes JavaScript et la recherche d'éléments DOM.

En relation:

  • Protégez votre vie privée avec la navigation privée dans Safari
  • Comment ouvrir un nouvel onglet ou une nouvelle page dans Mobile Safari