Tools zum Erfassen und Konvertieren des Webs

wie man save ein JavaScript Screenshot?

Es ist möglich, save einen JavaScript-Screenshot, aber Sie mĂŒssen eine unserer serverseitigen APIs wie die verwenden PHP GetResult Methode einen kleinen Webservice zu implementieren save das Bild auf der Serverseite. Ein Beispiel fĂŒr einen PHP-Webservice an save Der Screenshot ist unten dargestellt.

include("lib/GrabzItClient.php");

$id = $_GET["id"];

// Custom id can be used to store user ids or whatever is needed for the later processing of the
// resulting screenshot

$grabzIt = new \GrabzIt\GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");
$result = $grabzIt->GetResult($id);

if (!$result)
{
   return;
}

//assuming jpg screenshots
file_put_contents("results" . DIRECTORY_SEPARATOR . $id + ".jpg", $result);

Zu intIntegrieren Sie den PHP-Webdienst in die JavaScript-API, die Sie fĂŒr die Verwendung von benötigen OnFinish-Ereignis. Dies kann dann verwendet werden, um einen AJAX-Aufruf an den serverseitigen Webdienst zu tĂ€tigen, der die ID des abgeschlossenen Screenshots enthĂ€lt. Der Webservice kann diese Informationen dann dazu verwenden save das Bild auf dem Webserver. Beachten Sie, dass das folgende Beispiel verwendet jQuery.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.7/grabzit.min.js"></script>
<script type="text/javascript">
GrabzIt("Sign in to view your Application Key").ConvertURL("http://www.spacex.com", 
	{"onfinish": function (id){
		$.ajax("http://www.example.com/mywebservice.php?id="+id);
	}}).Create();
</script>

Exportieren Sie ein Capture in eine Speicherlösung

Captures können direkt nach Amazon S3, DropBox, FTP und WebDav exportiert werden, sobald sie durch Festlegen der Option generiert wurden export Parameter. Dazu mĂŒssen Sie eine erstellen URL exportieren und ĂŒbergeben Sie es an die JavaScript-API.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.7/grabzit.min.js"></script>
<script type="text/javascript">
GrabzIt("Sign in to view your Application Key").ConvertURL("http://www.spacex.com", 
    {"export": "dropbox://",
     "onfinish": function (id){
		$.ajax("http://www.example.com/mywebservice.php?id="+id);
    }}).Create();
</script>

Wenn Export-URLs einen Benutzernamen und ein Kennwort angeben, wird empfohlen, einen Benutzer nur fĂŒr diese Aufgabe zu erstellen, damit der Zugriff bei Bedarf einfach widerrufen werden kann. Da dies auch in JavaScript ist, stellen Sie bitte sicher, dass Sie die auswĂ€hlen Sichere Export-URL Option, da dies verhindert, dass Personen den Benutzernamen und das Kennwort Ihrer Speicherlösung stehlen.

Die Onfinish-Methode im Beispiel ist nicht erforderlich, ermöglicht es Ihnen jedoch, die ID des Captures bei dem entsprechenden Benutzer oder der entsprechenden Aktion usw. zu speichern.

Verwenden Sie stattdessen die Daten-URI-Methode

Eine alternative Methode ist die DataURI-Methode In der JavaScript-Bibliothek können Sie die Daten-URI des Captures abrufen. Dieser Wert kann dann auf Ihrem Server veröffentlicht werden, sofern Sie dies können save das Bild.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.7/grabzit.min.js"></script>
<script type="text/javascript">
GrabzIt("Sign in to view your Application Key").ConvertURL("http://www.spacex.com").DataURI(callback);

function callback(dataUri)
{
    $.post("http://www.example.com/mywebservice.php", {data: dataUri});
}
</script>