Narzędzia do przechwytywania i konwertowania Internetu

Jak zrobić zrzut ekranu strony internetowej użytkownika w JavaScript

Czy kiedykolwiek chciałeś zrobić zrzut ekranu strony internetowej użytkownika? Być może w celu ułatwienia naprawy błędu lub użytkownika intulepszenia erface? Cóż, możesz JavaScript API GrabzIt.

Aby przechwycić stronę użytkownika, musisz użyć ConvertPage metoda. Spowoduje to przesłanie do nas treści strony użytkowników do konwersji into obraz, PDF, DOCX lub cokolwiek innego, co wspieramy. Należy pamiętać, że nie można załadować żadnych zasobów, takich jak CSS lub obrazy, chyba że na zrzucie ekranu, chyba że są one dostępne publicznie. Jednak zwykle tak jest.

Prosty przykład poniżej pokazuje, jak łatwo jest wykonać zrzut ekranu strony internetowej użytkownika za pomocą biblioteki GrabzIt. Po prostu umieść kod na dole strony, którą chcesz przechwycić.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.3.7/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertPage().Create();
</script>

Pamiętaj, że możesz przekazać dowolne parametry pozwala przez JavaScript API na ConvertPage metodę, aby dodatkowo dostosować zrzut ekranu. Na przykład w poniższym przykładzie robimy zrzut ekranu o tej samej szerokości co strona użytkownika, jednocześnie rejestrując jego pełną wysokość.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.3.7/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertPage({
   "bwidth":document.documentElement.clientWidth,
   "bheight": -1, 
   "height": -1,
   "width": -1
}).Create();
</script>

Powyższe przykłady są jednak ograniczone, ponieważ konieczne będzie wyzwolenie przechwytywania strony internetowej w przypadku jakiegoś zdarzenia, a nie tylko przechwytywania strony podczas ładowania strony internetowej. Na przykład dwie potencjalne alternatywy to albo przechwycenie strony internetowej za pomocą kliknięcia przycisku, albo regularnie intodstępy czasowe.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.3.7/grabzit.min.js"></script>
<script>
setTimeout(function(){
   GrabzIt("Sign in to view your Application Key").ConvertPage({
      "bwidth":document.documentElement.clientWidth,
      "bheight": -1, 
      "height": -1,
      "width": -1
   }).CreateInvisible();
}, 30000);
</script>

W powyższym przykładzie tworzymy automatycznie zrzut ekranu strony internetowej użytkowników co 30 sekund. Ale zamiast dodawać zrzut ekranu do strony internetowej użytkownika lub pobierać go, jak Create metoda zastosowana w poprzednich przykładach działałaby w zależności od formatu. The CreateInvisible używana jest metoda, która nie zwróci wyniku użytkownikowi.

Następnie można save zrzut ekranu JavaScript przy użyciu jednej z następujących metod. Parametr eksportu do eksportu wyniku do Amazon, Dropbox, FTP lub więcej. Możesz też użyć zdarzenia zakończenia, aby zadzwonić do serwisu internetowego save wynik lub DataURI metoda opublikowania wyniku w serwisie internetowym.

Oczywiście nie trzeba dodawać, że prawdopodobnie będziesz musiał poinformować użytkowników, że to robisz.

Możesz rozpocząć zrzut ekranu z bieżącej strony internetowej za darmo przez Tworzenie konta i kopiowanie powyższego kodu into stronę internetową, którą chcesz przechwycić. Pamiętaj, że aby upewnić się, że inne osoby nie korzystają z Twojego konta, musisz autoryzuj swoją domenę zanim zadziała na twojej stronie.