Tools zum Erfassen und Konvertieren des Webs
GrabzIt's Online-Community

Verwenden von GrabzIt Javascript auf lokaler Ebene

Kann ich GrabzIt-Javascript auf meiner lokalen und / oder einer nicht öffentlichen Seite verwenden?

Vielen Dank

Gefragt von Josh Wiley am Montag, 9 September, 2019 07: 55: 34 PM

Ja, rufen Sie es einfach von localhost oder einer HTML-Datei auf und es wird funktionieren. Bitte sagen Sie mir, wenn Sie irgendwelche Probleme haben.

Beantwortet von GrabzIt Support am Montag, 9 September, 2019 08: 00: 44 PM

OK danke. Ich fange an, das ein bisschen mehr zu verstehen. Ich habe diese Seite gelesen: https://grabz.it/support/?uniqueId=html-tips.

Ein paar Fragen dazu:

1) Wenn ich ConvertHTML verwende, muss sich das CSS in Div befinden, von dem ich einen Screenshot machen möchte? Oder ist es in Ordnung, Stylesheets außerhalb dieses Div zu haben?

2) Einige der Schriften, die ich auf dem Screenshot zeigen möchte, werden nicht mit der richtigen Schriftart angezeigt. Werden Schriftarten unterschiedlich behandelt?

Beantwortet von Josh Wiley am Montag, 9 September, 2019 09: 12: 02 PM

ConvertHtml kann a konvertieren string von HTML k√∂nnen Sie das CSS einschlie√üen, aber wenn Sie dies nicht tun, m√ľssen Sie sicherstellen, dass ein externes Stylesheet absolute URLs verwendet.

Schriftarten sollten funktionieren, wenn sie ordnungsgemäß mit absoluten URLs usw. im CSS referenziert werden.

Beantwortet von GrabzIt Support am Montag, 9 September, 2019 09: 23: 00 PM

Vielen Dank. Eine andere Frage. Gibt es eine M√∂glichkeit, das endg√ľltige Bild zu vergr√∂√üern, ohne rechts und unten Leerzeichen zu haben?

Zum Beispiel versuche ich, ein Div mit dem Namen 500x300 aufzunehmen, aber ich möchte es auf 750x450 hochskalieren. Wenn ich die Breite auf 750 und die Höhe auf 450 setze, wird ein 750x450-Bild erstellt, aber der Bereich, von dem ich einen Screenshot mache, wird nur als 500x300-Bild angezeigt, und der Rest des Bereichs ist leer.

Vielen Dank

Beantwortet von Josh Wiley am Dienstag, 10 September, 2019 01: 32: 18 AM

Außerdem habe ich ConvertPage ausprobiert und es funktioniert auch nicht, aber mit unterschiedlichen Ergebnissen. Unten ist ein Beispiel von dem, was ich getan habe. Es schneidet das Bild jedoch ab und zeigt nur etwa die Hälfte davon.

GrabzIt ("APPLICATION KEY"). ConvertPage ({
"target": "#paddAroundExport",
"delay": 3000,
"format": "png",
"transparent": 1,
"Höhe": -1,
"height": -1,
"width": -1
}). AddTo ("finalImageID");

Beantwortet von Josh Wiley am Dienstag, 10 September, 2019 02: 52: 11 AM

Hallo Josh,

F√ľr Ihre erste Frage k√∂nnen Sie die Browsergr√∂√üe von 500 auf 300 setzen. Stellen Sie dann die gr√∂√üere Breite auf ein skaliere es.

Weitere Informationen finden Sie im verlinkten Artikel.

Auf Ihrem zweiten pointWäre es möglich, auf die Seite zu schauen, mit der Sie Probleme haben?

Beantwortet von Josh Wiley am Dienstag, 10 September, 2019 05: 35: 56 AM

OK, ich sehe, wie die Skalierung jetzt f√ľr ConvertHTML funktioniert. Danke, das ist sehr hilfreich. Ich war ein wenig verwirrt von der Gr√∂√üe und Breite. Ich komme der Verwendung von ConverHTML sehr nahe, aber ein paar Dinge sind noch nicht in Ordnung. Diese Option k√∂nnte f√ľr mich schwierig sein, da alle Stylesheets zug√§nglich sein m√ľssen, was f√ľr mich schwierig ist, da ich an meiner lokalen Version arbeiten muss, um sie zu testen.

Die ConverPage-Option scheint meine beste zu sein, aber ich bin ein wenig weiter davon entfernt, diese Option zum Laufen zu bringen. Das meiste, was ich tue, ist auf meinem lokalen oder hinter einem Login. W√ľrden Screenshots helfen? Vielleicht k√∂nnte ich dir ein paar Screenshots mailen? Wenn nicht, kann ich vielleicht etwas wie JSFiddel verwenden, um das Problem neu zu erstellen.

Vielen Dank

Beantwortet von Josh Wiley am Dienstag, 10 September, 2019 01: 50: 40 PM

Können Sie das CSS nicht noch mit absoluten URLs referenzieren? zB https://www.example.com/styles/main.css

Ein Screenshot w√ľrde leider nicht viel n√ľtzen, da wir nicht herausfinden k√∂nnten, warum er nur einen Teil der Div erfasst. Wenn Sie es in einer separaten HTML-Datei oder in JSFiddle ablegen k√∂nnen, k√∂nnen wir das Problem erkennen. Wir werden hoffentlich in der Lage sein, dies zu beheben oder zu beraten.

Beantwortet von GrabzIt Support am Dienstag, 10 September, 2019 01: 56: 16 PM

In Bezug auf CapturePage habe ich gerade das Problem herausgefunden. Die CapturePage-Methode muss Zugriff auf alle √∂ffentlich verf√ľgbaren Ressourcen haben, wie in beschrieben Dieser Artikel.

Beantwortet von GrabzIt Support am Dienstag, 10 September, 2019 02: 28: 31 PM

OK, ich bin festgefahren, was meine beste Option hier ist. Ich glaube, ich verstehe immer noch nicht ganz, was ich tun muss. Es sieht so aus, als hätte ich nur die Möglichkeit, ConvertHTML zu verwenden. Ist das korrekt?

Sie sind sich nicht sicher, ob Sie dies tun, aber k√∂nnte ich mich kurz √ľber Zoom mit Ihnen verbinden? Wenn ich das so einrichten kann, wie ich es brauche, r√ľste ich auf Enterprise auf. Ich bin sogar bereit, sofort auf Enterprise zu aktualisieren, wenn Sie bereit sind, auf Zoom zu springen (ich kann es einrichten). Ich denke das w√ľrde save wir beide Zeit, damit wir das Hin und Her stoppen k√∂nnen.

Beantwortet von Josh Wiley am Dienstag, 10 September, 2019 06: 46: 52 PM

Ok, ich habe das noch nie benutzt, aber ich werde es versuchen.

Bitte senden Sie die Details √ľber unser Kontakt Formular.

Beantwortet von GrabzIt Support am Dienstag, 10 September, 2019 06: 55: 18 PM

Danke f√ľr die Hilfe heute. Ich konnte es mit Ihrer Hilfe und einem weiteren Detail zum Laufen bringen. Ich habe ein div hinzugef√ľgt, das den Inhalt umschlie√üt, den ich √ľber convertHTML gesendet habe, und die target-Option verwendet, um dieses bestimmte div abzurufen. Das hat perfekt funktioniert.

Ich habe festgestellt, was passiert ist, als ich eine Testseite mit genau dem Inhalt erstellt habe, den ich √ľber ConvertHTML gesendet habe. Das aufgenommene Bild hat einen Body-Tag erfasst, der vom Browser hinzugef√ľgt zu werden scheint, obwohl ich keinen gesendet habe. Ich bin mir nicht sicher, ob das meine Schuld oder ein Fehler in GrabzIt ist, wollte es aber erw√§hnen, falls es sich um einen Fehler handelt.

Beantwortet von Josh Wiley am Dienstag, 10 September, 2019 09: 48: 05 PM