الجمعة

تعرف على حالة بطارية موبايلات زوار موقعك

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

حالة البطارية

الكود:
var div=document.getElementById("status");
if(navigator.getBattery){navigator.getBattery().then(function(battery){display(battery);});}else if(navigator.battery){display(navigator.battery);}else{div.innerHTML="اسف, حالة البطارية API غير متوفر.";}
function display(battery){
    var status="";
    status+=" بطارية هاتفك هي  مشحونة"+(battery.level*100).toFixed(0)+"%<br> ";
    status+="حاليا"+(battery.charging?"":"  لا ")+"  تشحن. ";
    if(battery.charging&&battery.chargingTime){
        status+="ستشحن في غضون "+battery.chargingTime/60+" دقيقة. <br>";}
    if (battery.dischargingTime/60 !='Infinity'){
        status+="لديك "+Math.floor(battery.dischargingTime/60)+" دقيقة قبل نفاذ البطارية";}
  
    div.innerHTML=status;}

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

ليست هناك تعليقات:

إرسال تعليق

نتمنى من الجميع احترام وجهات نظر الآخرين والمشاركة بموضوعية
تخضع جميع التعليقات للمراجعة قبل النشر
سنجيب على تساؤلاتكم في اقرب وقت ممكن
شكرا

مواقع للتعلم البرمجة للمبتدئين

إذا لم تكن لديك أي خبرة مع أي لغة برمجة، فإن أول شيء عليك القيام به هو تعلم جافا. وهنا بعض المواقع لمساعدتك :     Vogella   سلسلة مهم...