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

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

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

لاحظ مع ذلك ، هذا لا يمكن تحميل موارد مثل CSS و JavaScript إلا إذا كانت صفحة الويب قابلة للوصول على internet. يظهر مثال لاستخدام هذه الوظيفة أدناه.

<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.3.7/grabzit.min.js"></script>
</head>
<body onload="loadFromQueryString()">
<form id="myForm">
<label>Name</label> <input type="text" name="fullname" value="Sam"/><br/>
<label>Order</label> <select name="order">
<option value="Computer">Computer</option>
<option value="Monitor">Monitor</option>
<option value="Printer">Printer</option>
</select><br/><br/>
<input type="button" 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>