Czy kiedykolwiek chciałeś zrobić zrzut ekranu strony internetowej użytkownika? Być może, aby umożliwić łatwiejsze naprawianie błędów lub użytkownika intulepszenia interfejsu? Cóż, możesz z GrabzIt's JavaScript API.
Aby przechwycić stronę użytkownika, musisz użyć ConvertPage
metoda. Spowoduje to przesłanie zawartości strony użytkownika do nas w celu konwersji intoa, PDF, DOCX lub cokolwiek innego, co obsługujemy. Należy pamiętać, że żadnych zasobów, takich jak CSS lub obrazy, nie można załadować, chyba że są one widoczne na zrzucie ekranu, chyba że są one dostępne publicznie. Jednak zazwyczaj tak jest.
Prosty przykład poniżej pokazuje, jak łatwo można 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.5.2/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 jeszcze bardziej dostosować zrzut ekranu. Na przykład w poniższym przykładzie tworzymy zrzut ekranu o tej samej szerokości co strona internetowa użytkownika, przechwytując jednocześnie jej pełną wysokość.
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.5.2/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 wyniku jakiegoś zdarzenia, a nie tylko przechwytywanie strony po jej załadowaniu. Na przykład dwie potencjalne alternatywy to przechwytywanie strony internetowej po kliknięciu przycisku lub zwykłe przechwytywanie intervale z timerem.
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.5.2/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 automatycznie tworzymy zrzut ekranu strony internetowej użytkownika co 30 sekund. Ale zamiast dodawać zrzut ekranu do strony internetowej użytkownika lub pobierać go, ponieważ Create
W zależności od formatu wystarczyłaby metoda zastosowana w poprzednich przykładach. The CreateInvisible
stosowana jest metoda, która nie zwróci wyniku użytkownikowi.
Następnie można save zrzut ekranu JavaScript za pomocą jednej z poniższych metod. Parametr eksportu umożliwiający eksport wyniku do Amazon, Dropbox, FTP lub więcej. Możesz też użyć zdarzenia finish, aby wywołać usługę internetową save wynik lub DataURI
metoda opublikowania wyniku w serwisie internetowym.
Oczywiście jest rzeczą oczywistą, że prawdopodobnie będziesz musiał poinformować swoich użytkowników, że to robisz.
Możesz rozpocząć tworzenie zrzutów ekranu bieżącej strony internetowej za darmo, poprzez Tworzenie konta i kopiowanie powyższego kodu intoa stronę internetową, którą chcesz przechwycić. Pamiętaj, że aby mieć pewność, że inne osoby nie będą korzystać z Twojego konta, musisz to zrobić autoryzuj swoją domenę zanim zacznie działać na Twojej stronie.