M'agradaria compartir amb vosaltres un truc divertit per a Mozilla Firefox que us pot augmentar la productivitat i estalviar temps. Mentre navegueu per la xarxa, de vegades voleu compartir alguna cosa amb els vostres amics fent-ne una captura de pantalla. Però cal fer diversos passos per fer una captura de pantalla de tota la pàgina, desar-la, retallar-la, etc.
Anunci publicitari
Quan es carrega una pàgina web, el navegador web crea un model d'objectes de document de la pàgina. El DOM es construeix com una estructura d'arbre en què cada node és un objecte que representa una part del document.
Vegem com es pot utilitzar per capturar només un element específic a la captura de pantalla.
Per a feu una captura de pantalla d'un element de pàgina web específic al Firefox , feu els passos següents:
- Obriu la pàgina desitjada a Firefox i feu clic amb el botó dret a l'element que voleu capturar.
- Al menú contextual, seleccioneu 'Inspecciona l'element':
- S'obrirà l'eina inspectora. Tingueu en compte que té un control de pa ratllat per als nodes d'arbre DOM:
- Allà, podeu fer clic amb el botó dret a qualsevol element i triar Captura de pantalla Node des del menú contextual:Això és exactament el que necessitem.
El millor d’aquesta característica és que també capta elements llargs, inclosa la majoria d’elements que requereixen desplaçament. En el meu cas, aquí es mostra la imatge:
Com a alternativa, podeu utilitzar el dispositiu integrat captura de pantalla comandament. Abans, vaig escriure Com fer una captura de pantalla de la pàgina oberta a Firefox . A l'article esmentat, hem utilitzat l'ordre incorporat de Firefox 'captura de pantalla' per capturar tota la pàgina. La mateixa funcionalitat es pot utilitzar per capturar un element específic a la pàgina oberta.
- Obriu Firefox i premeu Maj + F2 al teclat. Firefox obrirà una consola / línia d’ordres a la part inferior de la pantalla.
- Escriviu l'ordre següent dins:
captura de pantalla - 'nom' del selector
Substituïu el nom 'porció' pel nom del selector adequat. En el meu cas, hauria de ser-ho
screenshot --selector '# widget-apps> .iconlist> .iconlist-content> ul'
El segon mètode és útil per a desenvolupadors web que coneguin el camí de l’element DOM exacte. L’usuari mitjà, òbviament, preferirà el primer mètode per fer la captura de pantalla d’un element específic de la pàgina web.