أدوات لالتقاط وتحويل الويب

كيفية التقاط لقطة شاشة لصفحة الويب الخاصة بالمستخدم في JavaScript

هل تريد أن تلتقط لقطة شاشة لصفحة الويب الخاصة بالمستخدمين؟ ربما لتمكين إصلاح الأخطاء أو المستخدم أسهل intتحسينات erface؟ حسنا يمكنك مع JavaScript في GrabzIt.

لالتقاط صفحة المستخدمين يجب عليك استخدام ConvertPage طريقة، أسلوب. هذا يرسل لنا محتوى صفحة المستخدمين ليتم تحويلها intoa صورة أو PDF أو DOCX أو أي شيء آخر ندعمه. من المهم أن تتذكر أنه لا يمكن تحميل أي موارد مثل CSS أو الصور إلا في لقطة الشاشة ما لم تكن متاحة للجمهور. لكن هذا هو الحال عادة.

يوضح المثال البسيط أدناه مدى سهولة لقطة شاشة لصفحة ويب للمستخدمين باستخدام مكتبة GrabzIt. ما عليك سوى وضع الشفرة في أسفل الصفحة التي تريد التقاطها.

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

لاحظ أنه يمكنك تمرير أي المعلمات يسمح جافا سكريبت API ل ConvertPage طريقة ، لتخصيص مزيد من لقطة الشاشة. على سبيل المثال ، في المثال أدناه ، نجعل لقطة الشاشة بنفس عرض صفحة الويب الخاصة بالمستخدمين ، بينما نلتقط ارتفاعها الكامل.

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

ومع ذلك ، فإن الأمثلة المذكورة أعلاه محدودة لأنك ستحتاج إلى تشغيل التقاط صفحة ويب في حدث من نوع ما ، بدلاً من التقاط الصفحة عند تحميل صفحة الويب فقط. على سبيل المثال ، سيكون البديلان المحتملان إما التقاط صفحة الويب بنقرة زر أو بشكل منتظم intervals مع جهاز توقيت.

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

في المثال أعلاه ، نقوم تلقائيًا بإنشاء لقطة شاشة لصفحة الويب الخاصة بالمستخدمين كل 30 ثانية. ولكن بدلاً من إضافة لقطة الشاشة إلى صفحة الويب الخاصة بالمستخدمين أو تنزيلها ، مثل Create الطريقة المستخدمة في الأمثلة السابقة ستفعل ، اعتمادًا على التنسيق. ال CreateInvisible يتم استخدام الطريقة ، والتي لن تعيد نتيجة للمستخدم.

يمكنك بعد ذلك save لقطة شاشة جافا سكريبت باستخدام أحد الأساليب التالية. معلمة التصدير لتصدير النتيجة إلى Amazon أو Dropbox أو FTP أو أكثر. أو يمكنك استخدام حدث النهاية للاتصال بخدمة الويب save النتيجة ، أو DataURI طريقة لنشر النتيجة إلى خدمة الويب.

من الواضح أنه من نافلة القول أنك ستحتاج على الأرجح إلى إعلام المستخدمين لديك بذلك.

يمكنك البدء في التقاط صفحة الويب الحالية مجانًا ، من خلال إنشاء حساب ونسخ الرمز أعلاه intيا صفحة الويب التي تريد التقاطها. تذكر أنه للتأكد من عدم استخدام الآخرين لحسابك ، يجب عليك تفويض المجال الخاص بك قبل ذلك ستعمل على موقع الويب الخاص بك.