Ich möchte Ihnen einen coolen Trick für Mozilla Firefox vorstellen, mit dem Sie Ihre Produktivität steigern und Zeit sparen können. Während Sie im Internet surfen, möchten Sie manchmal etwas mit Ihren Freunden teilen, indem Sie einen Screenshot davon machen. Es sind jedoch mehrere Schritte erforderlich, um einen Screenshot der gesamten Seite zu erstellen, zu speichern, zuzuschneiden usw. In diesem Artikel erfahren Sie, wie Sie direkt einen Screenshot eines bestimmten Elements auf einer Webseite erstellen, ohne Add-Ons zu verwenden.
Werbung
Wenn eine Webseite geladen wird, erstellt Ihr Webbrowser ein Dokumentobjektmodell der Seite. Das DOM ist als Baumstruktur aufgebaut, wobei jeder Knoten ein Objekt ist, das einen Teil des Dokuments darstellt.
Mal sehen, wie Sie damit nur ein bestimmtes Element in Ihrem Screenshot erfassen können.
Zu Machen Sie einen Screenshot eines bestimmten Webseitenelements in Firefox Führen Sie die folgenden Schritte aus:
- Öffnen Sie die gewünschte Seite in Firefox und klicken Sie mit der rechten Maustaste auf das Element, das Sie erfassen möchten.
- Wählen Sie im Kontextmenü die Option 'Element überprüfen':
- Das Inspektor-Tool wird geöffnet. Beachten Sie, dass es ein Breadcrumb-Steuerelement für die DOM-Baumknoten gibt:
- Dort können Sie mit der rechten Maustaste auf ein beliebiges Element klicken und auswählen Screenshot-Knoten aus dem Kontextmenü:
Genau das brauchen wir.
Genau das brauchen wir.Das Tolle an dieser Funktion ist, dass sie auch lange Elemente erfasst, einschließlich der meisten Elemente, die einen Bildlauf erfordern. In meinem Fall sieht der Screenshot folgendermaßen aus:
Alternativ können Sie das eingebaute verwenden Bildschirmfoto Befehl. Früher habe ich geschrieben So machen Sie einen Screenshot der geöffneten Seite in Firefox . In dem erwähnten Artikel haben wir den eingebauten Firefox-Befehl 'Screenshot' verwendet, um die gesamte Seite zu erfassen. Dieselbe Funktionalität kann verwendet werden, um ein bestimmtes Element auf der geöffneten Seite zu scannen.
- Öffnen Sie Firefox und drücken Sie Umschalt + F2 auf der Tastatur. Firefox öffnet eine Konsole / Befehlszeile am unteren Bildschirmrand.
- Geben Sie den folgenden Befehl ein:
Screenshot - Auswahl 'Name'
Ersetzen Sie den Namen 'Teil' durch den entsprechenden Auswahlnamen. In meinem Fall sollte es sein
Screenshot - Auswahl '# Widget-Apps> .iconlist> .iconlist-Inhalt> ul'
Die zweite Methode ist nützlich für Webentwickler, die den genauen Pfad der DOM-Elemente kennen. Der durchschnittliche Benutzer wird offensichtlich die erste Methode bevorzugen, um den Screenshot eines bestimmten Webseitenelements zu erstellen.
