Principal Firefox Prendre une capture d'écran d'un élément de page Web spécifique dans Firefox

Prendre une capture d'écran d'un élément de page Web spécifique dans Firefox

Laisser une réponse

Je voudrais partager avec vous une astuce intéressante pour Mozilla Firefox qui peut augmenter votre productivité et gagner du temps. En surfant sur le Web, vous souhaitez parfois partager quelque chose avec vos amis en prenant une capture d'écran. Mais il faut plusieurs étapes pour prendre une capture d'écran de la page entière, la sauvegarder, la recadrer, etc. Dans cet article, nous allons voir comment prendre directement une capture d'écran d'un élément spécifique sur une page Web sans utiliser d'add-ons.

Publicité

color de resaltado de windows 10

Lorsqu'une page Web est chargée, votre navigateur Web crée un modèle d'objet de document de la page. Le DOM est construit comme une structure arborescente dans laquelle chaque nœud est un objet représentant une partie du document.

Voyons comment vous pouvez l'utiliser pour capturer uniquement un élément spécifique dans votre capture d'écran.



À prendre une capture d'écran d'un élément de page Web spécifique dans Firefox , procédez comme suit:

  1. Ouvrez la page souhaitée dans Firefox et cliquez avec le bouton droit sur l'élément que vous souhaitez capturer.
  2. Dans le menu contextuel, sélectionnez «Inspecter l'élément»:Exemple de capture d
  3. L'outil inspecteur s'ouvrira. Notez qu'il a un contrôle de fil d'Ariane pour les nœuds de l'arborescence DOM:La console Firefox entre la commande de capture d
  4. Là, vous pouvez faire un clic droit sur n'importe quel élément et choisir Nœud de capture d'écran depuis le menu contextuel:Exemple de commande de capture dC'est exactement ce dont nous avons besoin.

L'avantage de cette fonctionnalité est qu'elle capture également des éléments longs, y compris la plupart des éléments qui nécessitent un défilement. Dans mon cas, voici à quoi ressemble la capture d'écran:

Vous pouvez également utiliser la fonction intégrée capture d'écran commander. Plus tôt, j'ai écrit Comment faire une capture d'écran de la page ouverte dans Firefox . Dans l'article mentionné, nous avons utilisé la commande intégrée de Firefox 'screenshot' pour capturer la page entière. La même fonctionnalité peut être utilisée pour capturer un élément spécifique sur la page ouverte.

  1. Ouvrez Firefox et appuyez sur Maj + F2 sur le clavier. Firefox ouvrira une console / ligne de commande en bas de l'écran.
  2. Tapez la commande suivante à l'intérieur:
    capture d'écran - sélecteur 'nom'

    Remplacez le nom «portion» par le nom du sélecteur approprié. Dans mon cas, ça devrait être

    capture d'écran --selector '# widget-apps> .iconlist> .iconlist-content> ul'

La deuxième méthode est utile pour les développeurs Web qui connaissent le chemin exact de l'élément DOM. L'utilisateur moyen préférera évidemment la première méthode pour prendre la capture d'écran d'un élément de page Web spécifique.

Des Articles Intéressants

Choix De L'Éditeur

Changer la couleur des barres de titre inactives dans Windows 10
Changer la couleur des barres de titre inactives dans Windows 10
Pour ajuster la couleur des barres de titre inactives dans Windows 10, vous devez appliquer un simple ajustement du registre.
Chrome 86 masque HTTPS et WWW dans la barre d'adresse par défaut
Chrome 86 masque HTTPS et WWW dans la barre d'adresse par défaut
dans Chrome 86, qui est maintenant dans Canary, Google a mis à jour la barre d'adresse. Le changement a rendu plus difficile la visualisation des parties www et https, qui sont désormais masquées par défaut.AdvertismentGoogle s'efforce de masquer les éléments ci-dessus depuis assez longtemps. L'entreprise les trouve redondants car la plupart des sites Web utilisent déjà Let's
Ajouter du son à la capture d'écran PrintScreen dans Windows 10, Windows 8, Windows 7 et Vista
Ajouter du son à la capture d'écran PrintScreen dans Windows 10, Windows 8, Windows 7 et Vista
Vous pouvez attribuer un son à la capture d'écran PrintScreen. Il s'avère que Microsoft a codé une fonctionnalité cachée!
Modifier la forme du curseur dans la console sous Windows 10
Modifier la forme du curseur dans la console sous Windows 10
Dans Windows 10 build 18298, un certain nombre de modifications ont été apportées au sous-système de console intégré du système d'exploitation, y compris l'option de forme du curseur.
Créer un raccourci Windows Defender Security Center dans Windows 10
Créer un raccourci Windows Defender Security Center dans Windows 10
Vous pouvez créer un raccourci sur le bureau du Centre de sécurité Windows Defender dans Windows 10 Creators Update. Voici comment cela peut être fait.
Télécharger Télécharger bbm-aio Skin pour AIMP3
Télécharger Télécharger bbm-aio Skin pour AIMP3
Téléchargez le skin bbm-aio pour AIMP3. Ici vous pouvez télécharger le skin bbm-aio pour le lecteur AIMP3. Tous les crédits reviennent à l'auteur original de ce skin (voir les informations sur le skin dans les préférences AIMP3). Auteur: . Télécharger 'Télécharger le skin bbm-aio pour AIMP3' Taille: 775,11 Kb AdvertismentPCRepair: Correction des problèmes Windows. Tous. Lien de téléchargement: Cliquez ici pour
Correction: l'index d'expérience Windows ne peut pas être récupéré dans Windows 10
Correction: l'index d'expérience Windows ne peut pas être récupéré dans Windows 10
Parfois, Windows 10 ne parvient pas à récupérer la valeur de l'index d'expérience Windows. Voici quelques solutions que vous pouvez essayer pour résoudre le problème.