Web Inspector : une extension Safari pour développeurs (iOS 15)

Cette nouvelle application tire parti des nouvelles possibilités offertes par iOS 15 et iPadOS 15, les deux systèmes d’exploitation arrivés cette semaine en version finale auprès des utilisateurs. Il s'agit d'un simple inspecteur Web conçu pour ne pas perdre les développeurs qui utilisent fréquemment celui de Chrome, de Firefox ou même Safari sur ordinateur.

Web Inspector : une extension Safari

Ce n'est pas qu'une application mais une extension pour Safari, chose permis par iOS 15 désormais. Intégré au navigateur d'Apple, Web Inspector vous permet d'inspecter les pages Web et de modifier leurs éléments, d'exécuter du JavaScript, d'afficher les requêtes réseau, etc. Si vous êtes un dev front ou un intégrateur, vous devez absolument télécharger Web Inspector sur iPhone ou iPad.

Voici les différents outils proposés :

• DOM : affichez, inspectez et modifiez les éléments qui composent le DOM d'une page Web.
• Éléments : consultez les détails sur les nœuds et les styles de la page Web.
• Console : saisissez des commandes JavaScript dans la console pour déboguer, modifier et obtenir des informations sur votre page Web. Vous pouvez également voir les logs, les erreurs et les avertissements émis à partir d'une page Web.
• Réseau : affichez une liste détaillée des demandes de réseau effectuées à partir d'une page Web.
• Timing : évaluez le timing de la mise en page et du rendu. Vous pouvez également voir le timing de chaque ressource d'une page Web, y compris les documents, les images, les scripts, les feuilles de style, les XHR, etc.
• Ressource : recherchez des détails sur les données stockées par une page Web, telles que les cookies, le stockage local et le stockage de session.

Bref, c'est complet et c'est très pratique pour les développeurs qui veulent analyser un bug ou un problème sur la version responsive d'un site ou d'une web app. C'est aussi entièrement gratuit.

 

Télécharger l'app gratuite Web Inspector