捕获和转换Web的工具

如何使用JavaScript捕获填充的表单?

一个常见的请求是使用 GrabzIt的JavaScript库 捕获用户填写的表单。但是,由于我们的捕获是从远程服务器获取的,因此如果不做一些额外的工作,GrabzIt 将无法做到这一点。 幸运的是所有这些工作都已经完成 into ConvertPage 方法,如果您想了解更多信息,请查看 捕捉动态内容.

但是请注意, 除非网页可访问,否则无法加载 CSS 和 JavaScript 等资源 int以太网。 下面显示了使用此功能的示例。

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