Web Yakalama ve Dönüştürme Araçları

JavaScript’te doldurulmuş bir formu nasıl yakalarsınız?

Ortak bir istek, GrabzIt'ın JavaScript Kütüphanesi kullanıcının doldurduğu bir formun görüntüsünü almak için. Ancak yakalamalarımız uzak sunuculardan alındığından, GrabzIt bunu biraz ekstra çalışma yapmadan yapamayacaktır. Neyse ki bu çalışmaların tamamı inşa edildi into ConvertPage yöntem, daha fazla bilgi istiyorsanız göz atın dinamik içerik yakalama.

Ancak, unutmayın CSS ve JavaScript gibi kaynaklar, web sayfasına şu adresten erişilemediği sürece yüklenemez: internet. Bu işlevin kullanımına ilişkin bir örnek aşağıda gösterilmiştir.

<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>