כלים ללכידה ולהמרה של האינטרנט

כיצד לצלם צילום מסך של דף האינטרנט של המשתמש שלך ב- JavaScript

האם אי פעם רצית לצלם צילום מסך של דף אינטרנט של משתמש? אולי כדי לאפשר תיקון באגים או משתמש קל יותר intשיפורי משטח? ובכן אתה יכול עם API של JavaScript של GrabzIt.

כדי ללכוד דף משתמשים עליך להשתמש ב- ConvertPage שיטה. זה שולח אלינו את התוכן של דף המשתמשים להמרה intoa תמונה, PDF, DOCX או כל דבר אחר שאנו תומכים בו. חשוב לזכור שלא ניתן לטעון כל משאבים כגון CSS או תמונות אלא אם כן בצילום המסך אלא אם הם זמינים לציבור. עם זאת, זה בדרך כלל המקרה.

הדוגמה הפשוטה להלן מראה כמה קל לצלם מסך של דף אינטרנט של משתמשים באמצעות הספרייה של GrabzIt. פשוט מקם את הקוד בתחתית העמוד שברצונך ללכוד.

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

שימו לב שאתם יכולים לעבור כל אחד פרמטרים מאפשר על ידי JavaScript API ל ConvertPage שיטה, כדי להתאים אישית יותר את צילום המסך שלך. לדוגמה, בדוגמה למטה אנו הופכים את צילום המסך לאותו רוחב של דף האינטרנט של המשתמש, תוך לכידת גובהו המלא.

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

עם זאת, הדוגמאות לעיל מוגבלות מכיוון שתצטרך להפעיל לכידת דף אינטרנט באירוע כלשהו, ​​במקום ללכוד את הדף רק כאשר דף האינטרנט נטען. לדוגמה, שתי אלטרנטיבות אפשריות יהיו ללכוד את דף האינטרנט בלחיצת כפתור או באופן קבוע intervals עם טיימר.

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

בדוגמה למעלה אנו יוצרים צילום מסך אוטומטי של דף האינטרנט של המשתמש כל 30 שניות. אבל במקום להוסיף את צילום המסך לדף האינטרנט של המשתמש או להוריד אותו, בתור Create השיטה ששימשה בדוגמאות הקודמות תתאים, בהתאם לפורמט. ה CreateInvisible נעשה שימוש בשיטה, אשר לא תחזיר תוצאה למשתמש.

לאחר מכן תוכל save צילום המסך של JavaScript באמצעות אחת מהשיטות הבאות. פרמטר הייצוא לייצוא התוצאה לאמזון, דרופבוקס, FTP או יותר. או שאתה יכול להשתמש באירוע הסיום כדי להתקשר אליו לשירות אינטרנט save התוצאה, או ה DataURI שיטה לפרסום התוצאה בשירות אינטרנט.

ברור שזה מובן מאליו שכנראה תצטרך להודיע ​​למשתמשים שלך שאתה עושה זאת.

אתה יכול להתחיל לצלם מסך את דף האינטרנט הנוכחי בחינם, על ידי יצירת חשבון והעתקת הקוד לעיל intאו דף אינטרנט שאתה רוצה ללכוד. זכור שכדי לוודא שאנשים אחרים לא ישתמשו בחשבון שלך אתה חייב לאשר את הדומיין שלך לפני שהוא יעבוד באתר שלך.