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

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

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

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

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

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

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

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.8/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>

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

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.8/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 באמצעות אחת מהשיטות הבאות. פרמטר הייצוא לייצוא התוצאה לאמזון, Dropbox, FTP או יותר. לחלופין, תוכלו להשתמש באירוע הסיום כדי להתקשר לשירות אינטרנט אליו save התוצאה, או DataURI שיטה לפרסום התוצאה לשירות אינטרנט.

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

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