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>

더 많은 웹 캡처 기사 커뮤니티 문의