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

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

Событие OnFinish

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

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

URL к изображению
HTML в изображение

<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.

URL к изображению
HTML в изображение

<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 параметр, как показано ниже. Сообщение представляет собой текстовое объяснение ошибки, а код представляет собой числовой код, связанный с ошибкой.

URL к изображению
HTML в изображение

<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>