هل سبق لك أن أردت التقاط لقطة شاشة لصفحة ويب خاصة بالمستخدمين؟ ربما لتمكين إصلاح الأخطاء أو المستخدم بشكل أسهل intتحسينات الواجهة؟ حسنا يمكنك مع GrabzIt's JavaScript API.
لالتقاط صفحة المستخدمين، يجب عليك استخدام ConvertPage
طريقة. يؤدي هذا إلى إرسال محتوى صفحة المستخدمين إلينا لتحويله intصورة أو 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 لقطة شاشة جافا سكريبت باستخدام إحدى الطرق التالية. معلمة التصدير لتصدير النتيجة إلى Amazon أو Dropbox أو FTP أو أكثر. أو يمكنك استخدام حدث النهاية للاتصال بخدمة ويب save النتيجة أو DataURI
طريقة لنشر النتيجة إلى خدمة ويب.
من الواضح أنه من البديهي أنك ستحتاج على الأرجح إلى إبلاغ المستخدمين بأنك تقوم بذلك.
يمكنك البدء في التقاط لقطة شاشة لصفحة الويب الحالية مجانًا من خلال إنشاء حساب ونسخ الكود أعلاه intصفحة الويب oa التي تريد التقاطها. تذكر أنه للتأكد من عدم استخدام الأشخاص الآخرين لحسابك، يجب عليك ذلك تخويل المجال الخاص بك قبل أن تعمل على موقع الويب الخاص بك.