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