您現在的位置是:電腦技術吧?>? 組裝維修 ??>??電池狀態,電池狀態顯示維修??>??正文詳情

電池狀態,電池狀態顯示維修

碩菀柳2019-11-27 09:11:48 人圍觀
簡介蘋果電池顯示維修解決移動設備在網絡流量中的份額越來越大,其貢獻的網絡流量也越來越大,我們已經分別為移動設備創建了一些api和設計概念。一個非常典型的例子是W3C電池狀態A

移動設備的份額在網絡流量中在大量增長,其所貢獻的網絡流量非常龐大,以至于為了移動設備,我們單獨創建了一些API和設計理念。

一個非常典型的例子是 W3C電池狀態API,它允許一個應用程序獲知設備的電池狀態信息。

這篇文章探索了這個新的API,為你展示了如何把它整合進你現有的應用程序。

  檢測設備是否支持  目前電池API依舊沒有得到主流支持。

因此,在使用這個API前需要確認當前設備是否支持此API。

下面展示的函數返回一個布恩值(True/False),指示當前瀏覽器是否支持電池狀態API。

  該函數首先檢測了 navigator.battery 對象是否存在。

如果不存在,繼續檢測 Mozilla 專用的  navigator.mozBattery是否存在。

我曾經見過有些代碼還檢測了 webkitBattery對象,但是我無法證實其在Chrome中是否存在。

  參考文檔:https://developer.mozilla.org/en-US/docs/DOM/window.navigator.battery  XML/HTML Code復制內容到剪貼板  functionisBatteryStatusSupported() {  return!!(navigator.battery || navigator.mozBattery);  }  檢查電池  如果電池對象存在,它會包含下列四個只讀屬性。

  charging (布恩值)指示系統的電池當前是否正在充電。

  如果系統不存在電池,或無法確定電池是否在充電,返回值是 True  chargingTime (數值)電池完全充滿電量所需的時間(單位:秒)  當電池完全被充滿電時,或者系統不存在電池時,這個值為0。

  如果系統不在充電,或者無法確定完全充滿電所需時間,這個值為(無窮大)。

  dischargingTime 和chargingTime相似,(數值)到電池完全放電直到系統休眠剩余的時間(單位:秒)  如果放電時間無法確定,或 系統沒有電池 或 系統正在充電,這個值為 (無窮大)  level (數值) 設備當前電量等級。

取值在(0 ~ 1.0)區間,與剩余電量百分比對應。

  1.0表示電池完全充滿電,或者不存在電池,或者數值無法確定。

  檢測電池事件  上述所有屬性都與一個電池事件綁定。

這些事件用來指示電池狀態的變化。

比如,插入電源會使charging屬性從false變為true。

全部四種電池事件如下所列:  chargingchange 這個類型的事件會在charging屬性改變時觸發。

這個事件可以被 onchargingchange()事件處理器捕獲和處理。

  chargingtimechange 這個類型的事件會在chargingtime屬性改變時觸發。

這個事件可以被 onchargingtimechange()事件處理器捕獲和處理。

  dischargingtimechange 這個類型的事件會在dischargingTime屬性改變時觸發。

這個事件可以被 ondischargingtimechange()事件處理器捕獲和處理。

  levelchange 這個類型的事件會在level屬性改變時觸發。

這個事件可以被 onlevelchange()事件處理器捕獲和處理。

  示例頁面  下面的代碼展示了如何使用 電池狀態API 的屬性和事件。

  示例頁面顯示了API的各個屬性值,并且在事件觸發時更新它們的值。

  點擊此處訪問在線示例。

XML/HTML Code復制內容到剪貼板

  1. !DOCTYPE html htmllanghtmllang=en
  2. head titleThe Battery Status API - Example/title
  3. metacharsetmetacharset=UTF-8/ script
  4. window.addEventListener(load, function() { var battery = navigator.battery || navigator.mozBattery;
  5. function displayBatteryStats() { document.getElementById(charging).textContent = (battery.charging) ? charging : not charging;
  6. document.getElementById(chargingtime).textContent = battery.chargingTime; document.getElementById(dischargingtime).textContent = battery.dischargingTime;
  7. document.getElementById(level).textContent = battery.level * 100; }
  8. if (battery) { displayBatteryStats();
  9. battery.addEventListener(chargingchange, displayBatteryStats, false); battery.addEventListener(chargingtimechange, displayBatteryStats, false);
  10. battery.addEventListener(dischargingtimechange, displayBatteryStats, false); battery.addEventListener(levelchange, displayBatteryStats, false);
  11. } else { document.getElementById(stats).textContent = Sorry, your browser does not support the Battery Status API;
  12. } }, false);
  13. /script /head
  14. body dividdivid=stats
  15. Your battery is currently spanidspanid=charging/span.br/ Your battery will be charged in spanidspanid=chargingtime/span seconds.br/
  16. Your battery will be discharged in spanidspanid=dischargingtime/span seconds.br/ Your battery level is spanidspanid=level/span%.
  17. /div /body
  18. /html
  結論  本文為Battery Status API給出了一個完整的總結和展示,盡管其仍未得到主流支持,但是這只是時間問題。

考慮到移動互聯網的激增,開發者應該盡快將電池信息納入設計范疇內。

版權聲明:本文由 碩菀柳 整理編輯。

原標題:電量顯示,顯示充電但是電量不漲

轉載注明出處:http://www.dn9ww09s.icu/assemble/14536.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 文件轉換格式,文件是pdf格式怎么轉換

    文件轉換格式,文件是pdf格式怎么轉換 相關圖片zip格式怎么轉換pdfPdf文件在office中非常實用,但由于不易隨意編輯,很多人不習慣直接編寫Pdf文件。此時,我們可以編輯文檔,然后將其轉換為PDF格式。借助于快速的PDF轉換pdf怎么轉換...

  • 頁面頁眉與頁面頁腳只出現在,頁面頁腳設置在哪里

    頁面頁眉與頁面頁腳只出現在,頁面頁腳設置在哪里 相關圖片頁眉和頁腳頁腳的位置是頁面的頁腳,通常用于放置幫助鏈接和版權信息。頁腳應該自然位于頁面的底部,但根據一般慣例,如果頁腳之前的頁面內容相對較小,或者使用垂直分辨率較...

  • 如何將pdf轉換為doc,如何將doc轉換成pdf

    如何將pdf轉換為doc,如何將doc轉換成pdf 相關圖片如何將pdf格式轉換成wordDoc是一種常見的word文檔格式。雖然DOC文檔比較常見,但有時為了方便閱讀DOC文檔,我們會將DOC轉換成PDF文件。所以今天的超人編輯在這里分享如何將do如何將wor...

  • 選擇符有哪些,選擇符

    選擇符有哪些,選擇符 相關圖片p是什么選擇符當我第一次開始編寫CSS時,我對代碼的高度自由感到困惑。也就是說,如果同一個設計是由不同的人實現的,那么最終的代碼必須是不同的。但有個問題。如果不同的人通...

  • 支付寶中的理財安全嗎,支付寶什么理財最安全

    支付寶中的理財安全嗎,支付寶什么理財最安全 相關圖片支付寶月度理財安全嗎樂邁寶是一款宣傳用戶可以邊消費邊賺錢的軟件。聽起來不可思議,因為這意味著我們買得越多,賺得越多。這顯然是促進消費的一種手段。所以很多人擔心它是...

  • 白條閃付入口沒了,白條閃付的開通條件

    白條閃付入口沒了,白條閃付的開通條件 相關圖片京東白條閃付微信支付看到身邊的小伙伴們打開京東白條,生活變得更加方便。你還想開京東白條付款嗎?如果你想打開京東白條的flash支付,但是你不知道打開的入口在哪里,你可以看...

  • 表單提交,已提交表單

    表單提交,已提交表單 相關圖片html提交表單以JSON編碼格式提交表單數據是HTML5對web發展和演進的又一重大貢獻。以前,我們的HTML表單數據是通過服務器端的鍵值模式傳輸的,缺乏數據組織管理,非常原網頁表單提交...

  • 電腦開機要選擇系統,win7系統如何去除桌面水印

    電腦開機要選擇系統,win7系統如何去除桌面水印 相關圖片電腦開機兩個系統選擇win系統下設置了6個文件夾,包括視頻、圖片、文檔、下載、音樂和桌面。但是由于有六個文件夾,整個資源管理器頁面變得更加復雜。有沒有辦法把這臺電腦下面...

  • 茨林面板,面板

    茨林面板,面板 相關圖片顯示面板快捷鍵可以提高我們平時的工作效率。今天,我將介紹Dreamweaver文件面板的快捷鍵。vcm面板...

  • 哈羅單車開鎖,哈羅單車怎么開鎖

    哈羅單車開鎖,哈羅單車怎么開鎖 相關圖片哈羅單車開鎖破解近日,不少朋友向小編反映,小明自行車的車鎖經常打不開。那么如何應對安卓版小明自行車無法解鎖的情況。今天,超人小編為大家帶來了小明自行車解鎖失敗的解...

熱評文章

  • 內涵段子,內涵段子里發的網站

    內涵段子,內涵段子里發的網站 相關圖片發段子內涵段是一種流行的段共享應用。在這個軟件中,用戶可以閱讀各種有趣的故事。那么如何為內容段發送視頻呢?接下來,超人軟件編輯將介紹內容段iPhone視頻的上傳端適合發朋...

  • 折扇教程,折扇制作教程

    折扇教程,折扇制作教程 相關圖片折扇效果圖:第一步:畫原型第二步:畫原型第三步:補充第四步:修改第五步:拿扇形圈第六步:導入材料圖片美化第七步:文字裝飾材料圖片折扇怎么拿...

  • word怎么打不開了怎么辦,所有word文檔都打不開

    word怎么打不開了怎么辦,所有word文檔都打不開 相關圖片word注冊表數據庫損壞Word是我們日常生活中經常使用的辦公應用軟件之一。但是,如果文字不能打開,就會更加混亂,影響工作效率。如果遇到word無法打開并發送錯誤報告的情況,您知...

  • 大連到湖北,湖北大學

    大連到湖北,湖北大學 相關圖片大連在哪里湖北張達是一款面向大學生的手機信息軟件。除了豐富的在線信息外,還為大學生提供了便捷的在線功能。但近日,一位小伙伴回應稱,湖北省大連市不使用互聯網。那么大...

  • 光影涂鴉,光影涂鴉怎么拍

    光影涂鴉,光影涂鴉怎么拍 相關圖片手機拍攝光影涂鴉這種沒有繪畫的涂鴉很受歡迎。它的魅力不僅體現在夜晚的輝煌,更體現在人們對一幅隨時都會幻滅的美麗圖畫的迷戀。總之,在黑暗中,用手電筒對著相機,揮手拍...

  • 哈羅單車計費方式,共享單車計費方式

    哈羅單車計費方式,共享單車計費方式 相關圖片共享單車怎樣收費共享單車現在是這個城市一道美麗的風景線。它有助于我們解決最近幾公里的交通障礙,緩解城市交通。但每輛自行車的收費都不一樣。小明自行車多少錢?我們和小...

  • win7系統設置定時關機,win7定時關機怎么設置

    win7系統設置定時關機,win7定時關機怎么設置 相關圖片win7定時關機在辦公室里,經常會出現文件需要離開電腦傳輸的情況,很多電腦用戶會選擇安裝第三方軟件來設置win7系統自動關機。也許有很多用戶不喜歡這個操作,所以今天的編輯會教...

  • 一加系統使用小技巧,一加系統使用教程

    一加系統使用小技巧,一加系統使用教程 相關圖片安卓系統小竅門一般來說,了解一些windows系統的操作技巧對我們的辦公有很大的幫助,比如節省時間,提高工作效率。所以超人給你帶來了一些關于Windows系統操作的提示,感興小米系統...

  • 瀏覽器應用程序,谷歌瀏覽器擴展程序

    瀏覽器應用程序,谷歌瀏覽器擴展程序 相關圖片瀏覽器打開目前,只有少數瀏覽器支持webgl,請參閱我的另一篇文章:我可以使用webgl嗎?。下面的例子是windows下的chrome 16/23和Android下的FlE瀏覽器進入...

  • usb接口有幾種,usb六種接口

    usb接口有幾種,usb六種接口 相關圖片usb c接口USB設備一連接,USB接口就會自動直接開始運行,這是一件讓人無法忍受的事情。那么,如何防止USB接口直接在計算機中運行呢?超人小編提醒你,如果你使用win7,usb2.0接口...

關注微信

变脸官网查询