View Source : l’inspecteur web qui manquait sur iOS

Nicolas Furno |

View Source [2.0 – US – 0,89 € – iPhone/iPad – iOS 8 - Paul Hudson] faisait partie des applications présentes sur l’App Store dès la sortie d’iOS 8 et qui exploitaient vraiment l’une des nouveautés du système. Cette application vient se loger dans le menu de partage du navigateur et elle permet d’afficher très rapidement le code source de n’importe quelle page.

Cliquer pour agrandir

La première version se contentait d’afficher le code source et elle posait quelques problèmes, en particulier en termes de performances et de stabilité. Avec la 2.0 qui vient de sortir, View Source change toutefois de visage et l’application devient un véritable inspecteur web, aussi complet que pratique. En effet, on peut désormais naviguer à l’intérieur de la page en utilisant un navigateur de DOM, mais on peut aussi afficher toutes les ressources d’une page et même obtenir des informations diverses, comme la taille de la page.

View Source devient ainsi beaucoup plus utile pour contrôler rapidement une page web depuis son iPhone ou iPad. On peut récupérer une image en l’ajoutant à la photothèque de l’appareil, mais on peut aussi accéder à une feuille de style. À condition d’avoir un éditeur de code installé sur son appareil iOS, on peut modifier quelques éléments et même le mettre en ligne immédiatement avec Transmit iOS [1.0.2 – US – 8,99 € – iPhone/iPad – iOS 8 - Panic, Inc.] !

On ne peut pas encore modifier un élément dans le code et voir les changements sur la page, comme on le ferait avec l’inspecteur web d’un navigateur sur ordinateur. En revanche, View Source peut insérer du JavaScript dans la page pour l’exécuter en affichant à nouveau Safari. Et même s’il n’est pas aussi complet qu’un inspecteur web, avoir toutes ces fonctions avancées sur un iPhone ou un iPad est impressionnant. À 0,89 € seulement, les webmasters auraient torts de se priver…

View Source est réservé à iOS 8. Optimisée pour les iPhone (y compris 6 et 6 Plus) et les iPad, l’application n’est pas traduite en français.

avatar Strix | 

Je plussoie !

View Source Transmit iOS Textastic forment un très bon trio !

Un régale !

avatar oomu | 

amusant, c'est exactement le trio que j'utilise :)

avatar Strix | 

@oomu :
Tu as testé d'autres apps pour le code ?

Codeanywhere à l'air pas mal mais apparement il faut créer un compte, et j'avoue ne pas en voir l'utilité hormis un boulot en équipe (ce qui n'est pas mon cas)

avatar xavier25 | 

L'inspecteur web de safari permet d'inspecter le code du simulateur.

avatar oomu | 

via connexion usb, oui. Les outils sont largement plus puissant.

avatar AllanZ | 

Sinon il suffit de créer un nouveau signet et de rentrer un code Javascript.

avatar Strix | 

@AllanZ :
Passe par une app telle que View Source est plus rapide ;)

avatar joneskind | 

Ça commence à prendre forme ces extensions ! Même si l'extension dans le navigateur n'a à priori rien de nouveau, on voit bien le potentiel de modularité qu'il va offrir à iOS.

avatar pao2 | 

A quand une extension AdBlock? Est-ce possible avec le principe des extensions de iOS 8?

avatar macinoe | 

Le premier argument convainquant en faveur d'iOS 8 que je peux lire.
Sauf que concrètement, je me vois mal faire de l'inspection sur un iPad ou iPhone.

CONNEXION UTILISATEUR