Webをキャプチャして変換するツール

JavaScript で入力されたフォームをキャプチャするにはどうすればよいですか?

一般的なリクエストは、 GrabzItのJavaScriptライブラリ ユーザーが入力したフォームのキャプチャを取得します。ただし、キャプチャはリモート サーバーから取得されるため、GrabzIt は少し追加の作業を行わないとこれを実行できません。 幸いなことに、この作業はすべて構築されています into ConvertPage 方法、さらに詳しい情報が必要な場合は、チェックしてください 動的コンテンツのキャプチャ.

ただし、 Web ページにアクセスできない限り、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>