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

لقطة شاشة وأحداث تحويل HTML باستخدام JavaScriptواجهة برمجة تطبيقات جافا سكريبت

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

حدث OnFinish

الـ onfinish يستدعي الحدث وظيفة JavaScript المتوفرة عندما تكون لقطة الشاشة جاهزة. لربط intيا ال onfinish الحدث الذي تحتاجه لتوفير وظيفة JavaScript التي يجب أن يطلق عليها GrabzIt.

يجب أن تحتوي وظيفة JavaScript على id المعلمة ، على النحو التالي. المعلمة معرف تساوي id لقطة الشاشة التي تم التقاطها بواسطة استدعاء JavaScript. استخدام واحد محتمل لل id قد تكون المعلمة هي القيام بشيء ما مثل استخدام AJAX للاتصال بالرمز من جانب الخادم لتنزيل لقطة الشاشة باستخدام هذه المطابقة id الدخول إلى خادم الويب الخاص بك ، بحيث يكون لديك سجل بجميع لقطات الشاشة التي تم إنشاؤها في JavaScript من جانب العميل.

<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").ConvertURL("https://www.tesla.com", 
    {"onfinish": function(id){
        alert(id);
    }}).Create();
</script>
<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").ConvertHTML("<html><body><h1>Hello World!</h1></body></html>",
    {"onfinish": function(id){
        alert(id);
    }}).Create();
</script>

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

حدث البداية

الـ onstart يستدعي الحدث وظيفة JavaScript المتوفرة عند بدء معالجة لقطة الشاشة. لربط intيا ال onstart الحدث الذي تحتاجه لتوفير وظيفة JavaScript التي يجب أن يطلق عليها GrabzIt.

تمامًا مثل onfinish ، يجب أن تحتوي وظيفة JavaScript onstart على id المعلمة ، على النحو التالي. المعلمة معرف تساوي id لقطة الشاشة التي سيتم التقاطها بواسطة مكالمة JavaScript.

<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").ConvertURL("https://www.tesla.com", 
    {"onstart": function(id){
        alert(id);
    }}).Create();
</script>
<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").ConvertHTML("<html><body><h1>Hello World!</h1></body></html>",
    {"onstart": function(id){
        alert(id);
    }}).Create();
</script>

حدث OnError

الـ onerror يسمى الحدث عند حدوث خطأ. لربط into يوفر هذا الحدث الوظيفة التي يجب أن تتعامل مع الحدث ، كما هو موضح أدناه.

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

<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").ConvertURL("https://www.tesla.com", 
    {"onerror": function(message, code){
        alert(message);
    }}).Create();
</script>
<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").ConvertHTML("<html><body><h1>Hello World!</h1></body></html>",
    {"onerror": function(message, code){
        alert(message);
    }}).Create();
</script>