أدوات لالتقاط وتحويل الويب

كيف يمكنك التقاط صورة بالسكان في JavaScript؟

الطلب الشائع هو استخدام مكتبة جافا سكريبت GrabzIt لالتقاط نموذج ملأه المستخدم. ومع ذلك، نظرًا لأن اللقطات التي نلتقطها يتم التقاطها من خوادم بعيدة، فلن تتمكن GrabzIt من القيام بذلك دون القليل من العمل الإضافي. ولحسن الحظ تم بناء كل هذا العمل intيا ال ConvertPage الطريقة، إذا كنت تريد المزيد من المعلومات تحقق التقاط المحتوى الديناميكي.

لاحظ مع ذلك أن لا يمكن تحميل الموارد مثل CSS وJavaScript إلا إذا كان من الممكن الوصول إلى صفحة الويب على 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>