Inspection et extraction dans le navigateur

Inspecteur gratuit de polices web.

Familles, graisses et tailles de police réellement appliquées.

Documentez la typographie d'éléments choisis avec assez de contexte pour reproduire ou comprendre leur apparence.

Extension Chrome et compte requis.
25 tâches d'automatisation gratuites par mois, partagées entre les outils. Les limites du fournisseur via navigateur s'appliquent.

CE QU'IL FAUT PRÉPARER

Styles calculés du texte de la page sélectionnée.

VOTRE POINT DE DÉPART

Une tâche à personnaliser.

Copiez-le ici. Collez-le dans WebAct quand vous le souhaitez.

Cette page prépare votre prompt. La tâche s'exécute dans WebAct.

01

Adaptez la tâche à vos besoins.

Relisez le prompt ci-dessus. Ajoutez votre objectif et les exigences importantes.

02

Passez à WebAct.

Ouvrez la page source, activez WebAct et sélectionnez le contenu lisible pertinent. Collez la tâche et fournissez les sources supplémentaires qu’elle demande.

03

Vérifiez la partie utile.

Le résultat couvre le contenu lisible que vous fournissez ou sélectionnez. Dépliez d’abord les sections utiles de la page et vérifiez que les enregistrements attendus figurent dans la sortie.

GUIDE PRATIQUE

Comment inspecter les polices réellement affichées.

Inspectez les styles calculés au lieu de supposer que la première police CSS s'est bien chargée. Notez graisses et polices de repli qui influencent le texte affiché.

Adaptez le processus à votre tâche.

Choisissez des titres et paragraphes représentatifs et relevez famille, taille, graisse et hauteur de ligne dans les styles disponibles. Distinguez la liste de repli déclarée des preuves de la police réellement affichée. Vérifiez le chargement et les variantes responsives avant de décrire un schéma valable pour toute la page.

Ce que vous fournissez
Styles calculés du texte de la page sélectionnée.
Ce que vous obtenez
Familles, graisses et tailles de police réellement appliquées.

Consultez les données et le résultat.

Entrée et sortie illustratives · exemple pédagogique, pas une exécution WebAct en direct

Exemple champ

Supplied style inspection of h1: font-family "Example Sans", Arial, sans-serif; font-size 40px; font-weight 700; line-height 48px. No rendered-font inspection or loading evidence supplied.

Exemple complet

Element: h1
Declared/computed family stack: "Example Sans", Arial, sans-serif
Size: 40px
Weight: 700
Line height: 48px
Actually rendered face: unconfirmed. The family stack alone does not prove Example Sans loaded.
Télécharger cet exemple

Chargez ces données dans le prompt, puis copiez-le dans WebAct pour essayer la tâche. Votre résultat peut différer de l'illustration.

Décisions et dépannage.

La valeur calculée de font-family prouve-t-elle que la première police s'affiche ?

Non. Elle peut simplement décrire la liste déclarée. Vérifiez la police réellement rendue avec les outils du navigateur si cette distinction compte.

Pourquoi deux éléments de même famille paraissent-ils différents ?

Graisse, réglages de police variable, taille, espacement ou police de repli pour certains caractères peuvent varier. Inspectez ces propriétés, pas seulement la famille.

Essayez avec votre propre source.

Remplacez l'exemple par vos données dans le prompt. Gardez les exigences nécessaires, puis copiez la tâche dans WebAct.

Personnaliser et copier la tâche ↑
AVANT DE COMMENCER

Utiliser WebAct.

Le prompt et l'exemple sont disponibles ici. Exécutez votre tâche dans l'extension WebAct pour Chrome.

Cet outil est-il gratuit ?

Vous pouvez copier et modifier le prompt ici gratuitement. Pour l'utiliser avec WebAct, installez l'extension Chrome, créez et vérifiez votre compte, puis connectez une session ChatGPT disponible dans le navigateur. Le forfait Free inclut 25 tâches d'automatisation lancées par l'utilisateur par mois civil, partagées entre les outils. Le Chat ordinaire dans le navigateur est distinct ; les limites du fournisseur s'appliquent.

Découvrez le contexte partagé dans notre politique de confidentialité et comment choisir entre Chat ou Task.

DU PROMPT À VOTRE PROPRE TRAVAIL

Amenez la tâche sur votre page.

Installez WebAct, ajoutez vos sources et adaptez le résultat.

Installer WebAct