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

Verwendung von GrabzIt-Javascript auf lokaler Ebene

Stellen Sie Fragen zum Erfassen oder Konvertieren von Webseiten oder HTML into Bilder, CSV-, PDF- oder DOCX-Dokumente sowie Informationen zum Konvertieren von Videos into animierte GIFs mit unserer API.

Gibt es eine Möglichkeit für mich, GrabzIt-Javascript auf meiner lokalen und/oder einer nicht öffentlichen Seite zu verwenden?

 

Vielen Dank

Gefragt von Josh Wiley am 9. September 2019

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

Beantwortet vom GrabzIt-Support am 9. September 2019

OK danke. Ich fange an, das etwas besser zu verstehen. Ich habe diese Seite gelesen: https://grabz.it/support/article/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 dieser Div zu haben?

2) Einige der Schriftarten, die ich als Screenshot erstellen möchte, werden nicht mit der richtigen Schriftart angezeigt. Werden Schriftarten unterschiedlich behandelt?

Beantwortet vom GrabzIt-Support am 9. September 2019

ConvertHtml kann a konvertieren string Bei HTML können Sie das CSS einbinden. Wenn Sie dies nicht tun, müssen Sie jedoch sicherstellen, dass alle externen Stylesheets absolute URLs verwenden.

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

Beantwortet vom GrabzIt-Support am 9. September 2019

Danke. Eine andere Frage. Gibt es eine Möglichkeit, das endgültige Bild zu vergrößern, ohne dass rechts und unten Leerzeichen entstehen?  

Ich versuche zum Beispiel, einen Screenshot eines Div mit einer Größe von 500 x 300 zu machen, möchte es aber auf 750 x 450 skalieren. Wenn ich die Breite auf 750 und die Höhe auf 450 einstelle, wird ein 750x450-Bild erstellt, aber das Div, 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 10. September 2019

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

 

GrabzIt("ANWENDUNGSSCHLÜSSEL").ConvertPage({
„target“: „#paddAroundExport“,
„Verzögerung“: 3000,
„Format“: „png“,
„transparent“: 1,
„bheight“: -1,
"Höhe": -1,
„Breite“: -1
}).AddTo("finalImageID");

Beantwortet von Josh Wiley am 10. September 2019

Hallo Josh,

Für Ihre erste Frage könnten Sie die Browsergröße auf 500 x 300 einstellen. Stellen Sie dann die größere Breite auf ein Skalieren Sie es.

Weitere Informationen gibt es im verlinkten Artikel.

Auf deinem zweiten Point, wäre es möglich, die Seite anzusehen, mit der Sie Probleme haben?

Beantwortet vom GrabzIt-Support am 10. September 2019

OK, ich sehe jetzt, wie die Skalierung für ConvertHTML funktioniert. Danke, das ist sehr hilfreich. Ich war ein wenig verwirrt über die Höhe und Breite. Ich komme der Verwendung von ConverHTML sehr nahe, aber ein paar Dinge sind immer 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 zum Testen an meiner lokalen Version arbeiten muss.

 

Die ConverPage-Option scheint meine beste zu sein, aber ich bin noch etwas weiter davon entfernt, diese zum Laufen zu bringen. Das meiste, was ich tue, geschieht lokal oder hinter einem Login. Würden Screenshots helfen? Vielleicht könnte ich Ihnen ein paar Screenshots per E-Mail schicken? Wenn nicht, kann ich vielleicht etwas wie JSFiddel verwenden, um zu versuchen, das Problem zu reproduzieren.

Vielen Dank

 

Beantwortet von Josh Wiley am 10. September 2019

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

Ein Screenshot würde leider nicht viel helfen, da wir nicht herausfinden könnten, warum nur ein Teil des Div erfasst wird. Wenn Sie es in eine separate HTML-Datei oder JSFiddle einfügen können, können wir das Problem erkennen. Wir hoffen, dass wir das Problem beheben oder Sie darüber beraten können.

Beantwortet vom GrabzIt-Support am 10. September 2019

Was CapturePage betrifft, habe ich gerade veröffentlicht, wo das Problem liegt. Die CapturePage-Methode muss Zugriff auf alle öffentlich verfügbaren Ressourcen haben, wie in beschrieben Dieser Artikel.

Beantwortet vom GrabzIt-Support am 10. September 2019

OK, ich weiß nicht, was hier meine beste Option ist. Ich glaube, ich verstehe immer noch nicht ganz, was ich tun muss. Es sieht so aus, als ob die einzige Option, die ich habe, damit dies auf meinem lokalen Server funktioniert, darin besteht, ConvertHTML zu verwenden. Ist das korrekt?

Ich bin mir nicht sicher, ob Sie das tun, aber wäre es mir möglich, kurz über Zoom mit Ihnen in Kontakt zu treten? Wenn ich es so hinbekomme, dass es so funktioniert, wie ich es brauche, werde ich auf Enterprise upgraden. Ich bin sogar bereit, sofort auf Enterprise umzusteigen, wenn Sie bereit sind, auf Zoom umzusteigen (ich kann es einrichten). Ich denke, das würde save uns beide Zeit, damit wir das Hin und Her stoppen können. 

 

Beantwortet von Josh Wiley am 10. September 2019

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

Bitte senden Sie die Details über unsere Kontakt Formular.

Beantwortet vom GrabzIt-Support am 10. September 2019

Vielen Dank für die Hilfe heute. Mit Ihrer Hilfe und einem zusätzlichen Detail konnte ich es zum Laufen bringen. Ich habe ein Div hinzugefügt, das den Inhalt umhüllt, den ich über ConvertHTML gesendet habe, und verwende die Zieloption, um dieses bestimmte Div abzurufen. Dadurch hat es perfekt funktioniert. 

Mir wurde klar, was passierte, als ich eine Testseite mit genau den Inhalten erstellte, die ich über ConvertHTML sendete. Das aufgenommene Bild erfasste einen Body-Tag, der scheinbar vom Browser hinzugefügt wurde, obwohl ich keinen gesendet habe. Ich bin mir nicht sicher, ob das meine Schuld oder ein Fehler in GrabzIt ist, aber ich wollte es erwähnen, falls es ein Fehler ist.

Beantwortet von Josh Wiley am 10. September 2019