¿Cómo se captura una forma poblada en JavaScript?

Una petición común es utilizar el GrabzIt's JavaScript Library para tomar una captura de un formulario que el usuario ha completado. Sin embargo, como nuestras capturas se toman de servidores remotos, GrabzIt no podrá hacer esto sin un poco de trabajo adicional. Afortunadamente todo este trabajo ha sido construido into el ConvertPage método, si quieres más información consulta capturando contenido dinámico.

Tenga en cuenta sin embargo, que Los recursos como CSS y JavaScript no se pueden cargar a menos que se pueda acceder a la página web desde el internet. A continuación se muestra un ejemplo del uso de esta funcionalidad.

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

Más artículos sobre captura web Comunidad Preguntas