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

  • Take Screenshot Specific Web Page Element 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

Désactiver le changement rapide d'utilisateur dans Windows 10
Désactiver le changement rapide d'utilisateur dans Windows 10
Si vous ne trouvez aucune utilité pour le changement d'utilisateur dans Windows 10, voici comment désactiver la fonction de changement rapide d'utilisateur. Deux méthodes expliquées.
Mettez à jour Windows Defender et exécutez l'analyse rapide en un seul clic
Mettez à jour Windows Defender et exécutez l'analyse rapide en un seul clic
Vous trouverez peut-être utile de mettre à jour les signatures et d'effectuer une analyse rapide à l'aide de Windows Defender en une seule fois via un raccourci spécial. Voici comment le créer.
Une commande courte pour supprimer toutes les applications de Windows 10 à l'exception du Store
Une commande courte pour supprimer toutes les applications de Windows 10 à l'exception du Store
Voici une seule commande PowerShell qui supprimera toutes les applications `` universelles '' fournies dans Windows 10 mais conservera l'application Store.
Opera 67 inclut un nouvel onglet Switcher
Opera 67 inclut un nouvel onglet Switcher
Opera 67, actuellement en cours de développement, reçoit une nouvelle fonctionnalité. Une nouvelle interface utilisateur de sélecteur d'onglets a été ajoutée, avec une ligne horizontale d'aperçus de vignettes d'onglets, qui ressemble à l'aspect classique du sélecteur d'onglets d'Opera 12. Le sélecteur apparaît lorsque vous appuyez sur Ctrl + Tab sur le clavier. Voici à quoi ça ressemble
Activer ou désactiver la mise en pause automatique de la synchronisation OneDrive sur batterie
Activer ou désactiver la mise en pause automatique de la synchronisation OneDrive sur batterie
Comment activer ou désactiver automatiquement Pause OneDrive Sync en mode Économie de batterie dans Windows 10. OneDrive est la solution de stockage de documents en ligne.
Téléchargez msconfig.exe depuis Windows 7 pour Windows 10 et Windows 8
Téléchargez msconfig.exe depuis Windows 7 pour Windows 10 et Windows 8
msconfig.exe à partir de Windows 7 pour Windows 10 et Windows 8. Voici l'application msconfig.exe extraite de Windows 7. Elle est conçue pour fonctionner sous Windows 10 et Windows 8 et dispose de l'onglet de démarrage pour gérer vos applications de démarrage. Auteur: Winaero. Téléchargez 'msconfig.exe à partir de Windows 7 pour Windows 10 et Windows 8' Taille: 816.06
Windows 8 Media Player AIO v1.0 skin d'AIMP3
Windows 8 Media Player AIO v1.0 skin d'AIMP3
Ici vous pouvez télécharger le sking de Windows 8 Media Player AIO v1.0 pour AIMP3 Type de skin: Ce skin ne peut être appliqué qu'à AIMP3 Extension: .acs3 Taille: 793711 octets Vous pouvez télécharger l'AIMP3 depuis son site officiel. Remarque: Winaero n'est pas l'auteur de ce skin, tous les crédits reviennent à l'auteur du skin d'origine