एक सामान्य अनुरोध का उपयोग करना है GrabzIt's जावास्क्रिप्ट लाइब्रेरी उपयोगकर्ता द्वारा भरे गए फॉर्म का कैप्चर लेने के लिए। हालाँकि, चूंकि हमारे कैप्चर दूरस्थ सर्वर से लिए गए हैं, इसलिए GrabzIt थोड़े अतिरिक्त काम के बिना ऐसा करने में सक्षम नहीं होगा। सौभाग्य से यह सारा काम पूरा हो चुका है intओ ConvertPage
विधि, यदि आप अधिक जानकारी चाहते हैं तो देखें गतिशील सामग्री कैप्चर करना.
हालाँकि, ध्यान दें सीएसएस और जावास्क्रिप्ट जैसे संसाधनों को तब तक लोड नहीं किया जा सकता जब तक कि वेबपेज पहुंच योग्य न हो internet. इस कार्यक्षमता का उपयोग करने का एक उदाहरण नीचे दिखाया गया है।
<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>