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 9. September 2019

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 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/?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 dieser 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 9. September 2019

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 vom GrabzIt Support am 9. September 2019

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 10. September 2019

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 10. September 2019

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 10. September 2019

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 etwas weiter davon entfernt, diese zum Laufen zu bringen. Das meiste, was ich mache, ist auf meinem lokalen oder hinter einem Login. Würden Screenshots helfen? Vielleicht könnte ich dir ein paar Screenshots per E-Mail schicken? Wenn nicht, kann ich vielleicht etwas wie JSFiddel verwenden, um zu versuchen, das Problem neu zu erstellen.

Vielen Dank

 

Beantwortet von Josh Wiley am 10. September 2019

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 vom GrabzIt Support am 10. September 2019

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 vom GrabzIt Support am 10. September 2019

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 ob die einzige Option, die ich habe, um auf meinem lokalen zu arbeiten, die Verwendung von ConvertHTML ist. Ist das korrekt?

Sie sind sich nicht sicher, ob Sie dies tun, aber könnte ich mich über Zoom kurz mit Ihnen verbinden? Wenn ich dies zum Laufen bringen kann, werde ich ein Upgrade auf Enterprise durchführen. 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 10. September 2019

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

Bitte senden Sie die Details über unser Kontakt Formular.

Beantwortet vom GrabzIt Support am 10. September 2019

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 erkannte, was passierte, als ich eine Testseite mit genau dem Inhalt erstellte, den ich über ConvertHTML sendete. Das aufgenommene Bild zeichnete ein Body-Tag auf, das vom Browser hinzugefügt zu werden scheint, obwohl ich keines gesendet habe. Ich bin mir nicht sicher, ob das meine Schuld oder ein Fehler in GrabzIt ist, wollte es aber erwähnen, falls es ein Fehler ist.

Beantwortet von Josh Wiley am 10. September 2019