Erstellen Sie ein Bild oder drucken Sie eine Webseite, die größer als der Bildschirm ist, über einen Webbrowser

1829
SwiftArchitect

Q:

Wie kann ich mit einem Webbrowser ein Bild erstellen oder eine Webseite drucken, die größer als der Bildschirm ist? Da ich mein Fenster nicht über den Bildschirm hinaus vergrößern kann, bin ich durch den verwendeten Bildschirm eingeschränkt:

Erstellen Sie ein Bild oder drucken Sie eine Webseite, die größer als der Bildschirm ist, über einen Webbrowser

Ich möchte einen sehr großen Druck mit vielen Details machen, als hätte ich einen sehr großen Bildschirm.

Warum diese neue Frage?

Die meisten Fragen zum Thema:

Sie müssen sich nur mit dem speziellen Fall von Google Maps befassen oder spezielle Software von Drittanbietern benötigen oder dumme Antworten wie "Erweitern Sie Ihr Fenster" haben, obwohl dies in den meisten Szenarien keine Option ist. Und was ist mit dem Mond?

Darüber hinaus gibt es keine allgemeine Frage oder Antwort auf welche Adressen:

  1. Erstellen Sie ein Bild oder exportieren Sie nur den gewünschten Teil
  2. Von der Bildschirmauflösung unabhängige Lösung, die keinen Screenshot durchläuft
  3. Kein Softwarekauf, der auf Ihrer Plattform möglicherweise nicht funktioniert
  4. Erstellen Sie ein Bild oder drucken Sie eine Webseite, die größer als der Bildschirm ist, über einen Webbrowser
  5. Jede Website, jede Größe
4
Um zu verdeutlichen, was hier einzigartig ist, enthalten einige Webseiten einen Mechanismus zum Rendern eines Fensters auf einem großen virtuellen Bild. Die Größe des Fensters wird durch die verfügbare Bildschirmfläche definiert, und dann wird das Bild angezeigt. Das darunterliegende virtuelle Bild kann gescrollt oder gezogen werden, um mehr zu zeigen. Das virtuelle Bild existiert möglicherweise nicht einmal als ein einzelnes großes Bild, aber der interessierende Bereich kann nach Bedarf zusammengestellt werden. Die meisten Bildschirmaufnahmemethoden erfassen, was angezeigt wird, Sie haben jedoch keinen Zugriff auf das zugrunde liegende virtuelle Image. (weiter) fixer1234 vor 6 Jahren 0
Was hier beschrieben wird, ist mehr als nur das Erfassen der vorhandenen Seite, einschließlich der Bereiche, die durch Scrollen sichtbar sind. Es definiert eine virtuelle Leinwand. Der Seitenrendermechanismus verwendet diese Leinwand so, als hätte der Bildschirm fast unendlich viel Platz zur Verfügung, um einen viel größeren Teil des darunter liegenden virtuellen Bildes anzuzeigen. fixer1234 vor 6 Jahren 0

3 Antworten auf die Frage

6
SwiftArchitect

100% Webbrowser-Lösung

Hier ist eine Lösung, die nur Firefox verwendet, einen vertrauenswürdigen und sicheren Browser.

Yahoo Map zu 12%

Bildquelle: https://search.yahoo.com (dh keine Google Map) mit 5369 × 5913 Pixel und 24,6 MB

Firefox verwenden

  1. In Firefox:
    • Öffnen Sie Ihre Webseite
    • Verwenden Sie nicht den Vollbildmodus
    • Stellen Sie sicher, dass Sie Ihre Bildlaufleisten sehen können. Sie werden diese benötigen
    • Gehen Sie zu Tools> Web Developer> Inspector
  2. Stellen Sie sicher, dass die Entwicklerwerkzeuge «In separatem Fenster anzeigen» In separatem Fenster anzeigen
  3. Wählen Sie «Responsive Design Mode» ( RDM )
    Responsive Design-Modus
    • Wenn Sie das Inspector-Fenster zur Seite legen, brauchen Sie es nicht mehr
  4. Wählen Sie auf Ihrer Webseite mithilfe der RDM- Symbolleiste eine virtuelle Fenstergröße aus, die Ihren Anforderungen entspricht. Je größer das Fenster, desto mehr Speicher und Ressourcen Responsive Design-Modus
  5. Nehmen Sie das Bild mit dem Kamerasymbol in der RDM- Symbolleiste oder einem Firefox-Add-On auf ( † )
    Kamera

† Einige Aufnahmen (technisch gesehen keine Bildschirmaufnahmen) sind einfach zu groß, um sie zu verarbeiten. Ich habe Save Page As Image ... Abduktions-Add-On und seine Auswahlkopie X-Ray+ verwendet, Copy...um die Bilder unten in meine bevorzugte Bildbearbeitungssoftware für die Nachbearbeitung einzufügen, ohne die Qualität zu beeinträchtigen. Einige davon sind weit über 100 MB groß .
Röntgen + Kopie

Karte meine Fahrt zu 6%

Bildquelle: http://mapmyride.com (dh nicht Google Map) mit 5659 × 7966 Pixeln und 113,2 MB

Mond um 12%

Bildquelle: https://www.google.com/moon/ (yay Google) mit 3600 × 3540 Pixel und 9,3 MB

► Diese Lösung auf YouTube anzeigen .

Angenommen, Sie haben Schritt 4 erreicht und können das große Bild mit Bildlaufleisten sehen. In Schritt 5 ist es jedoch schwierig, das Bild aufzunehmen. Es handelt sich nicht um einen Screenshot, sondern um eine "Seite als Bild speichern" Sie haben das in der Fußnote erwähnte Add-On (†) oder die Kamera in der Symbolleiste ** RDM ** installiert (wieder kein Screenshot). SwiftArchitect vor 7 Jahren 0
Ein Video gepostet Siehe https://youtu.be/jyxZlFEjlsc SwiftArchitect vor 6 Jahren 0
Sie müssen sich oben auf der Seite befinden, wenn Sie RDM aktivieren. Die benutzerdefinierte Größe muss möglicherweise bearbeitet werden, um die anfänglich angezeigte benutzerdefinierte Bemaßung zu bearbeiten. Sie haben keinen Bereich ausgewählt, da er die Farbe auswählt, die im Schnappschuss aufgenommen wird. Das waren die Schlüssel, um dies zum Laufen zu bringen. Aber ich habe es geschafft, sowohl große Seiten als auch riesige eingebettete Bilder. Bei Google Maps oder Sky stellt Google ein viel größeres Bild dar, nachdem Sie die größere Größe definiert haben. Sie können eine ganze Seite mit verschiedenen Bildschirmaufnahmesoftware aufzeichnen. Dies ist jedoch die erste Lösung, die ein riesiges virtuelles Image darstellt. fixer1234 vor 6 Jahren 0
0
한규환

http://www.goohwan.net/entry/%ED%81%B0%EC%A7%80%EB%8F%84-%EC%84%9C%EB%B9%84%EC%8A%A45% EA% B5% AC% EA% B8% 80% EC% A7% 80% EB% 8F% 84v2World

Diese Seite dient "google_map" und "wie scrab".

Wie beantwortet das die Frage? Bitte geben Sie weitere Informationen an Mawg vor 6 Jahren 0
-1
Lassi

Sie können jetzt screenshot --fullpagein der Firefox-GCLI verwenden: https://superuser.com/a/1199896/594282

Im Allgemeinen ist ein Link zu einer anderen Antwort besser als Kommentar. Die Antworten sind für vollständige, in sich geschlossene Lösungen gedacht. Oh, schau dir das an, du hast jetzt genug Repräsentanten zum Kommentieren. :-) fixer1234 vor 7 Jahren 0
Es geht nicht um die Frage, wie man einen Screenshot per Say machen soll, sondern wie die Webseite überhaupt über die Bildschirmgrenzen hinaus erweitert werden kann. SwiftArchitect vor 6 Jahren 1
@SwiftArchitect Guter Anruf. `screenshot - fullpage 'kann den gesamten Inhalt einer Seite mit Bildlaufleisten (z. B. einem sehr langen Dokument) erfassen. Ich weiß nicht, ob es mit Seiten ohne Bildlaufleisten funktioniert, die so programmiert sind, dass nicht mehr Inhalt geladen wird, als auf den Bildschirm passt. Lassi vor 6 Jahren 0

Verwandte Probleme