GetEles.

L'extension lit le titre, la description et les couleurs principales de la page où vous êtes, et les affiche dans un seul panneau. Vous couvrez ainsi les contrôles que vous chercheriez sinon dans le code source ou l'onglet réseau. C'est gratuit, donc rien ne justifie de passer cette étape lors d'un audit rapide.

Sélectionnez n'importe quel élément et GetEles en indique la taille, le padding, la bordure et la marge. Un outil séparé vous laisse déplacer la souris sur la page pour marquer la distance entre deux éléments, pratique quand vous voulez un chiffre et non une estimation. Les informations d'éléments sont gratuites, et la mesure demande un simple mouvement de souris.

Le plan Pro ajoute un arbre de structure que vous parcourez, vous passez donc à n'importe quel nœud de la page et voyez comment il s'imbrique. Au même niveau arrive un convertisseur qui scanne le style d'un élément sélectionné et le transforme en classes Tailwind CSS, ce qui évite d'écrire les classes à la main quand vous transposez une mise en page dans un front-end Tailwind.

Vous pouvez relever les chiffres de performance de la page, comme les FCP et LCP, pour voir à quelle vitesse le contenu apparaît. Le journal d'API note les appels que fait la page, vous suivez donc ce qu'elle envoie et reçoit pendant que vous interagissez avec elle. Les deux figurent dans les niveaux Pro et mode Lite, pas dans le gratuit.

Vous pouvez prendre une capture d'un élément ou de la page entière, et le niveau Pro ajoute des options de capture plus avancées. À noter : les pages très chargées en contenu dynamique, comme les réseaux sociaux, ne se capturent pas proprement. La fonction lire plus tard enregistre une page pour y revenir ensuite, et elle vient avec les niveaux Pro et mode Lite.

GetEles prend en charge des raccourcis clavier, vous ouvrez donc le panneau et atteignez les actions courantes sans lâcher la souris. Le mode Lite propose une disposition plus légère et simple, qui garde l'essentiel et ajoute quelques détails pour ceux qui veulent moins d'éléments à l'écran. Les deux rendent l'outil plus vif pendant une longue séance de débogage.