Mit den Chrome-Entwicklertools können Screenshots von Knoten erstellt werden. Leider wird nur der sichtbare Teil des Knotens erfasst. Ich brauche den vollständigen Knoten.
Es gibt auch den Befehl „Screenshot in voller Größe aufnehmen“, aber dieser nimmt die ganze Seite auf. Ich brauche nur einen einzigen Knoten.
Wie kann ich also den vollständigen Knoten erfassen (er ist höher als der Bildschirm)?
Antwort1
Sie können entweder die Stile des Knotens ändern, sodass er in voller Länge sichtbar ist, und dann einen Screenshot des Knotens machen oder andere Elemente der Seite entfernen und einen Screenshot der gesamten Seite machen.
Mit Knoten-Screenshot:
- Bearbeiten Sie die Stile des Knotens, sodass er sich über die volle Höhe erstreckt (Höhe entfernen, maximale Höhe usw.)
- ggf. Nachbarelemente entfernen
- Knoten-Screenshot erfassen.
Mit Seiten-Screenshot:
- Verschieben Sie den Knoten, von dem Sie einen Screenshot machen möchten, so dass er ein direkter Nachkomme des
bodyTags ist - andere sichtbare Elemente der Seite entfernen
- Bearbeiten Sie die Stile des Knotens, sodass er sich auf die volle Höhe ausdehnt
- Machen Sie einen Screenshot der gesamten Seite.
Elemente der Seite können mit der Option „Element löschen“ entfernt werden.