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é


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

Comment supprimer des messages sur Snapchat à l'aide de discussions claires, même s'ils n'ont pas été consultés
Comment supprimer des messages sur Snapchat à l'aide de discussions claires, même s'ils n'ont pas été consultés
https://www.youtube.com/watch?v=nLL0CbWkTZs L'une des choses qui fait de Snapchat une excellente source de médias sociaux est la possibilité de contrôler votre vie privée et votre contenu. Bien sûr, d'autres sites comme Facebook et Instagram offrent aux utilisateurs la possibilité
Afficher le chemin complet dans la barre d'adresse dans l'explorateur de fichiers Windows 10
Afficher le chemin complet dans la barre d'adresse dans l'explorateur de fichiers Windows 10
Comment afficher le chemin complet dans la barre d'adresse dans l'Explorateur de fichiers sous Windows 10. L'explorateur de fichiers est l'application de gestion de fichiers par défaut qui est fournie avec le démarrage de Windows
Pourquoi la sauvegarde de mon iPhone est-elle si volumineuse?
Pourquoi la sauvegarde de mon iPhone est-elle si volumineuse?
Nous savons tous à quel point il est important de sauvegarder régulièrement nos données. Cependant, chaque utilisateur d'iPhone a été au moins une fois surpris par la taille de sa sauvegarde. Vous avez effectué votre sauvegarde précédente il y a à peine quelques semaines, alors pourquoi
Comment trouvez-vous votre URL Amazon ?
Comment trouvez-vous votre URL Amazon ?
Il y a quelques décennies, personne ne s'attendait à ce que les achats en ligne deviennent une chose. De nos jours, c'est une tendance généralisée. Et avec des services comme Amazon, personne ne se soucie vraiment de la sécurité. Il existe des systèmes mis en place pour éviter les arnaques
Comment désactiver un clavier d'ordinateur portable
Comment désactiver un clavier d'ordinateur portable
Vous cherchez un moyen de désactiver le clavier de votre ordinateur portable de manière temporaire ou permanente ? Si votre réponse est oui à l'une ou l'autre, nous avons ce qu'il vous faut ! Ce guide détaillera les étapes pour désactiver votre clavier sur
Comment lire des iBooks dans Windows 10
Comment lire des iBooks dans Windows 10
Si vous êtes un fan d'iBooks, vous savez probablement qu'ils sont disponibles sur les appareils iOS portables, tels que les iPhones et les iPads, ainsi que sur les ordinateurs portables et les ordinateurs de bureau Mac. Vous savez peut-être aussi que vous ne pouvez pas les télécharger directement sur
Comment partager une vidéo dans Webex
Comment partager une vidéo dans Webex
Lors d'une réunion en ligne sur Webex, vous pouvez partager votre écran, un tableau blanc, du texte brut, des images, des documents, des applications et, surtout, des vidéos. Savoir comment partager du contenu vidéo lors de réunions et d'événements sur Webex peut être très pratique. Qu'est-ce que