Narzędzia do przechwytywania i konwertowania Internetu

Jak przechwycić wypełniony formularz w JavaScript?

Częstym żądaniem jest użycie Biblioteka JavaScript GrabzIt aby przechwycić formularz wypełniony przez użytkownika. Ponieważ jednak nasze przechwyty są pobierane ze zdalnych serwerów, GrabzIt nie będzie w stanie tego zrobić bez odrobiny dodatkowej pracy. Na szczęście cała ta praca została zbudowana into ConvertPage metoda, jeśli chcesz uzyskać więcej informacji, sprawdź przechwytywanie treści dynamicznych.

Zauważ jednak, że zasobów, takich jak CSS i JavaScript, nie można załadować, chyba że strona internetowa jest dostępna w witrynie internet. Przykład wykorzystania tej funkcjonalności pokazano poniżej.

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