Como você captura um formulário preenchido em JavaScript?

Uma solicitação comum é usar o Biblioteca JavaScript de GrabzIt para fazer uma captura de um formulário preenchido pelo usuário. No entanto, como nossas capturas são feitas de servidores remotos, o GrabzIt não será capaz de fazer isso sem um pouco de trabalho extra. Felizmente todo esse trabalho foi construído into ConvertPage método, se você quiser mais informações confira captura de conteúdo dinâmico.

Note, no entanto, que recursos como CSS e JavaScript não podem ser carregados a menos que a página da web esteja acessível no internet. Um exemplo de uso desta funcionalidade é mostrado abaixo.

<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.5.2/grabzit.min.js"></script>
</head>
<body onload="loadFromQueryString()">
<form id="myForm">
<label>Name</label> <input type="text" name="fullname" data-gt-translate-attributes='[{"attribute":"value","format":"json"}]' value="Sam"/><br/>
<label>Order</label> <select name="order">
<option data-gt-translate-attributes='[{"attribute":"value","format":"json"}]' value="Computer">Computer</option>
<option data-gt-translate-attributes='[{"attribute":"value","format":"json"}]' value="Monitor">Monitor</option>
<option data-gt-translate-attributes='[{"attribute":"value","format":"json"}]' value="Printer">Printer</option>
</select><br/><br/>
<input type="button" data-gt-translate-attributes='[{"attribute":"value","format":"json"}]' 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>

Mais artigos sobre captura da Web Community Frequentes