Website oder Lesezeichen, um einen Screenshot einer Webseite zu erhalten [geschlossen]

17

Gibt es eine Website oder ein Lesezeichen, die bzw. das mit einer URL einen Screenshot dieser Seite ausgibt?

Idealerweise sollte es Optionen geben, um die Größe des ausgegebenen Bildes zu ändern.

webapp-rec bookmarklet screenshot sinnvoll
quelle
Ein Screenshot von dem, was Sie gerade sehen (der aktuelle Zustand des Doms) oder nur ein Screenshot der Website, wie er von anderen gesehen werden kann?
Akira
Beides sind gute Optionen, aber letzteres interessiert mich mehr.
Sinnvoll
blitapp.com ist nützlich, wenn Sie regelmäßig Screenshots per E-Mail erhalten möchten.
Justspamjustin

Antworten:

6

Sie können Voliere versuchen

Es ist ganz einfach: Kopieren Sie die URL der Website und Aviary lädt sie in den Online-Bildeditor (siehe unten).

Sie haben auch ein Firefox-Addon und ein Lesezeichen. In diesem Fall wird Ihre aktuelle Website für Sie ausgefüllt (aber auf derselben Registerkarte, also aufgepasst!).

Alt-Text

Ivo Flipse
quelle
Das sieht so aus, als würde es tun, was ich will. Leider funktioniert jede URL, die ich gebe, nicht. Es heißt nur "Uh oh! Wir konnten die Erfassung nicht durchführen."
Sinnvolle
Ich empfehle, der Chrome-Erweiterung eine Chance zu geben, die für mich einwandfrei funktioniert hat
Ivo Flipse
Voilva aviary.com/creation?fguid=b56caae0-d63f-102d-a9f3-0030488e168c
Ivo Flipse
2

Ich wollte etwas, das Screenshots von einem lokalen Server aufnehmen kann, also war ein Webdienst wie Browsershots nicht das, was ich wollte.

Aus diesem Grund habe ich mithilfe von html2canvas ein Lesezeichen erstellt, das einen Screenshot lokal aufzeichnet und Elemente mit einer Zeichenfläche rendert .

Um es zu verwenden, kopieren Sie es als Lesezeichen:

(function(d,w,h,s,i){w[h]||(s=d.createElement('script'),s.src='//html2canvas.hertzen.com/build/html2canvas.js',d.body.appendChild(s));i=setInterval(function(){w[h]&&clearInterval(i)||w[h](d.body,{onrendered:function(c){w.open().document.body.appendChild(c)}})},250)}(document,window,'html2canvas'));

Klicken Sie dann darauf und lassen Sie möglicherweise das Popup zu, das es erstellt (das Popup enthält den Screenshot).

In Chrome müssen Sie beispielsweise wie folgt auf den rechten Teil der Adressleiste klicken:

                                          Bildschirmfoto

Klicken Sie dann auf den Link, der dem Popup-Fenster des Screenshots entspricht, um es zu öffnen.

Camilo Martin
quelle
Hallo, dieses Lesezeichen ist wirklich nützlich, danke fürs Teilen. Ich habe vor, es an meine Bedürfnisse anzupassen. Ich habe mich gefragt, warum Sie die 5 Parameter in die Funktion einfügen und wie sie ihre Werte erhalten, da die Funktion beim Klicken auf das Lesezeichen ohne Parameter aufgerufen wird und diese Parameternamen dies wahrscheinlich nicht tun in jeder Webseite definiert werden.
Chirag Bhatia - Chirag64
1
@ Chirag64 ich es so tat, hier ein paar Zeichen zu speichern (Ich bin ein bisschen eine Code-Golf Person) ist , was passiert: die d, wund hParameter am Ende bekommen bestanden (Beispiel: (function(d){/* d is now an alias to document */}(document))). Der vierte und fünfte Parameter sind nur Platzhalter, die ich später wieder verwendet habe, um ein paar Zeichen in varDeklarationen zu speichern .
Camilo Martin
Das ist eine gute Codierung genau dort. Vielen Dank für die Erklärung :)
Chirag Bhatia - Chirag64
0

Ich weiß, dass es sich nicht um eine Web-App oder ein Lesezeichen handelt, aber ich verwende zu diesem Zweck ein Firefox-Plugin namens Screengrab . Ich weiß nicht, ob das eine Option für Sie ist, aber Sie können es versuchen (wenn Sie Firefox verwenden, natürlich; und ich bin mir sicher, dass es ähnliche Optionen für andere Browser geben wird).

Slavo
quelle
0

GreenShot

Probieren Sie diese Software, ein gutes Stück Codierung.

Drücken Sie einfach PrintScreen auf der Tastatur - ein Werkzeug wird angezeigt und wählen Sie den Bereich des Screenshots aus, das Bild kommt herum !!

Chetan
quelle
1
Dies ist Windows-Software. Ich habe den Link von der .exe auf die Homepage geändert.
Rebecca Chernoff
0

Ich habe die Websites hier ausprobiert, aber sie haben nicht gut funktioniert. Sowohl Aviary als auch Browsershots waren nicht angenehm zu bedienen. Sie sollten dafür keine Webapp verwenden, sondern eine Browser-Erweiterung.

grm
quelle
0

Wenn Sie nach einem WordPress-Plugin suchen, das den Job für Sie automatisiert, dann leistet "Simple Website Screenshot" einen fantastischen Job. Sie können die Thumbnail-Größe usw. festlegen.

http://www.digg-it.info/wordpress-simple-website-screenshot-v-0-5

Wir verwenden es auf unserer eigenen Website ( http://productivewebapps.com ), wenn Sie ein Beispiel dafür sehen möchten! (Haftungsausschluss: Ich bin der Eigentümer dieser Website)

Produktive Web-Apps
quelle