Wie warte ich, bis eine Webseite geladen ist, bevor ich ein Capture durchführe?

Ein Element auf einer Webseite, das nach dem Hauptinhalt geladen wird

Es kann eine Weile dauern, bis einige Webseiten geladen sind oder bestimmte Inhalte enthalten intDas kann geladen werden, nachdem die Hauptseite geladen wurde. Dies gilt insbesondere für AJAX-Webseiten, auf denen Inhalte über JavaScript geladen werden.

GrabzIt erkennt, wann eine Webseite geladen wird, benötigt jedoch für einige der oben aufgeführten besonderen Umstände zusätzliche Anweisungen in Form einer Verzögerung, die verwendet werden sollte, bevor das Capture erstellt wird, oder indem gewartet wird, bis ein bestimmtes HTML-Element angezeigt wird, bevor das Capture erstellt wird voraus. Diese Techniken können verwendet werden, wenn Sie Screenshots von Webseiten machen oder HTML konvertieren into PDFs, Bilder oder Word-Dokumente, und Sie haben ein Premium-Paket. Sie können diese Funktionen zwar kostenlos mit unserem testen Sieben Tage kostenlos testen.

Diese Funktionen stehen auch in unserem zur Verfügung Online-Screenshot und Bahnschaber Werkzeuge.

Wie kann ich eine bestimmte Zeit warten, bevor ich ein Capture durchführe?

Geben Sie einfach die Verzögerung in Millisekunden an, und so lange wartet das Capture. Denken Sie daran, dass es in einer Sekunde 1000 Millisekunden gibt. Alle folgenden Beispiele warten drei Sekunden, bevor die Webseite erfasst wird.

ASP.NET
Java
JavaScript
node.js
Perl
PHP
Python
Rubin

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");
ImageOptions options = new ImageOptions();
options.Delay = 3000;
grabzIt.URLToImage("http://www.spacex.com", options);
grabzIt.SaveTo("images/result.jpg");

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");
ImageOptions options = new ImageOptions();
options.setDelay(3000);
grabzIt.URLToImage("http://www.spacex.com", options);
grabzIt.SaveTo("images/result.jpg");

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.7/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("http://www.spacex.com", 
{"delay": 3000}).Create();
</script>

var grabzit = require('grabzit');

var client = new grabzit("Sign in to view your Application Key", "Sign in to view your Application Secret");
var options = {"delay":"3000"};
client.url_to_image("http://www.spacex.com", options);
client.save_to("images/result.jpg", function (error, id){
    if (error != null){
        throw error;
    }
});

$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret");
$options = GrabzItImageOptions->new();
$options->delay(3000);
$grabzIt->URLToImage("http://www.spacex.com", $options);
$grabzIt->SaveTo("images/result.jpg");

$grabzIt = new \GrabzIt\GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");
$options = new \GrabzIt\GrabzItImageOptions();
$options->setDelay(3000);
$grabzIt->URLToImage("http://www.spacex.com", $options);
$grabzIt->SaveTo($filepath);

grabzIt = GrabzItClient.GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret")
options = GrabzItImageOptions.GrabzItImageOptions()
options.delay = 3000
grabzIt.URLToImage("http://www.spacex.com", options)
grabzIt.SaveTo("images/result.jpg")

grabzIt = GrabzIt::Client.new("Sign in to view your Application Key", "Sign in to view your Application Secret")
options = GrabzIt::ImageOptions.new()
options.delay = 3000
grabzItClient.url_to_image("http://www.spacex.com", options)
grabzItClient.save_to("images/result.jpg")

Wie kann ich warten, bis ein HTML-Element angezeigt wird, bevor ich ein Capture durchführe?

Diese Technik ist besonders nützlich auf Webseiten, die AJAX-Methoden zum Laden von Inhalten verwenden. Verwenden Sie zuerst die Entwicklertools Ihres Browsers, um das Element zu identifizieren, auf das Sie warten müssen, bis es angezeigt wird, und notieren Sie sich die ID oder Klasse. Geben Sie dann diese Klasse oder ID als an Standard-CSS-Selektor und sobald das Element sichtbar wird, wird die Webseite erfasst. Beachten Sie, dass mehrere übereinstimmende HTML-Elemente angezeigt werden, sobald eines sichtbar ist.

ASP.NET
Java
JavaScript
node.js
Perl
PHP
Python
Rubin

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");
ImageOptions options = new ImageOptions();
options.WaitForElement = "#Content";
grabzIt.URLToImage("http://www.spacex.com", options);
grabzIt.SaveTo("images/result.jpg");

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");
ImageOptions options = new ImageOptions();
options.setWaitForElement("#Content");
grabzIt.URLToImage("http://www.spacex.com", options);
grabzIt.SaveTo("images/result.jpg");

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.7/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("http://www.spacex.com", 
{"waitfor": "#Content"}).Create();
</script>

var grabzit = require('grabzit');

var client = new grabzit("Sign in to view your Application Key", "Sign in to view your Application Secret");
var options = {"waitForElement":"#Content"};
client.url_to_image("http://www.spacex.com", options);
client.save_to("images/result.jpg", function (error, id){
    if (error != null){
        throw error;
    }
});

$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret");
$options = GrabzItImageOptions->new();
$options->waitForElement("#Content");
$grabzIt->URLToImage("http://www.spacex.com", $options);
$grabzIt->SaveTo("images/result.jpg");

$grabzIt = new \GrabzIt\GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");
$options = new \GrabzIt\GrabzItImageOptions();
$options->setWaitForElement("#Content");
$grabzIt->URLToImage("http://www.spacex.com", $options);
$grabzIt->SaveTo($filepath);

grabzIt = GrabzItClient.GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret")
options = GrabzItImageOptions.GrabzItImageOptions()
options.waitForElement = "#Content"
grabzIt.URLToImage("http://www.spacex.com", options)
grabzIt.SaveTo("images/result.jpg")

grabzIt = GrabzIt::Client.new("Sign in to view your Application Key", "Sign in to view your Application Secret")
options = GrabzIt::ImageOptions.new()
options.waitForElement = "#Content"
grabzItClient.url_to_image("http://www.spacex.com", options)
grabzItClient.save_to("images/result.jpg")