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

Как сделать снимок заполненной формы в JavaScript?

Распространенным запросом является использование Библиотека JavaScript GrabzIt чтобы сделать захват формы, которую заполнил пользователь. Однако, поскольку наши захваты взяты с удаленных серверов, GrabzIt не сможет сделать это без небольшой дополнительной работы. К счастью, вся эта работа была построена intо ConvertPage метод, если вы хотите больше информации проверить захват динамического контента.

Обратите внимание, что ресурсы, такие как CSS и JavaScript, не могут быть загружены, если веб-страница не доступна на intERNET, Пример использования этой функциональности показан ниже.

<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.3.7/grabzit.min.js"></script>
</head>
<body onload="loadFromQueryString()">
<form id="myForm">
<label>Name</label> <input type="text" name="fullname" value="Sam"/><br/>
<label>Order</label> <select name="order">
<option value="Computer">Computer</option>
<option value="Monitor">Monitor</option>
<option value="Printer">Printer</option>
</select><br/><br/>
<input type="button" value="Take Screenshot" onclick="createScreenshot();"/>
</form>
<div id="divResult"></div>
<script type="text/javascript">
function createScreenshot()
{
    //dynamically capture the page and add it to the div.
    GrabzIt("Sign in to view your Application Key").ConvertPage().AddTo('divResult');
}
</script>
</body>
</html>