Инструменты для захвата и конвертирования Интернета

Скриншот и события преобразования HTML с JavaScript

JavaScript API

GrabzIt выставляет несколько событий, которые позволяют разработчикам подключать into различные этапы, которые могут возникнуть во время генерации скриншота и захвата.

Событие OnFinish

Ассоциация onfinish событие вызывает предоставленную функцию JavaScript, когда снимок экрана готов. Зацепить intо onfinish В этом случае вам необходимо предоставить функцию JavaScript, которая должна вызываться GrabzIt.

Функция JavaScript должна иметь id параметр, как показано ниже. Параметр id будет равен id скриншота, сделанного вызовом JavaScript. Одно потенциальное использование id параметром может быть что-то, например, использование AJAX для вызова серверного кода для загрузки снимка экрана с этим соответствием id на ваш веб-сервер, так что у вас есть запись всех скриншотов, сгенерированных в клиентском JavaScript.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("https://www.tesla.com", 
    {"onfinish": function(id){
        alert(id);
    }}).Create();
</script>
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertHTML("<html><body><h1>Hello World!</h1></body></html>",
    {"onfinish": function(id){
        alert(id);
    }}).Create();
</script>

Другое использование этой функции - скрытие или отображение анимации страницы или активация других функций веб-страницы после загрузки снимка экрана.

OnStart Event

Ассоциация onstart событие вызывает предоставленную функцию JavaScript, когда снимок экрана начался. Зацепить intо onstart В этом случае вам необходимо предоставить функцию JavaScript, которая должна вызываться GrabzIt.

Точно так же, как onfinish, функция запуска JavaScript должна иметь id параметр, как показано ниже. Параметр id будет равен id скриншота, который будет сделан вызовом JavaScript.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("https://www.tesla.com", 
    {"onstart": function(id){
        alert(id);
    }}).Create();
</script>
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertHTML("<html><body><h1>Hello World!</h1></body></html>",
    {"onstart": function(id){
        alert(id);
    }}).Create();
</script>

Событие OnError

Ассоциация onerror Событие вызывается при возникновении ошибки. Зацепить into это событие предоставляет функцию, которая должна обрабатывать событие, как показано ниже.

Функция JavaScript, которую вы указываете для обработки ошибок, должна иметь message до code параметр, как показано ниже. Сообщение представляет собой текстовое объяснение ошибки, а код представляет собой числовой код, связанный с ошибкой.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("https://www.tesla.com", 
    {"onerror": function(message, code){
        alert(message);
    }}).Create();
</script>
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertHTML("<html><body><h1>Hello World!</h1></body></html>",
    {"onerror": function(message, code){
        alert(message);
    }}).Create();
</script>