av激情亚洲男人的天堂国语,日韩欧美精品一中文字幕,无码av一区二区三区无码,国产又色又爽又刺激的a片,国产又色又爽又刺激的a片

你可能不知道的5個強大的HTML5API

1.  全屏API（Fullscreen API）

　　該API允許開發(fā)者以編程方式將Web應用程序全屏運行，使Web應用程序更像本地應用程序。

 
 
 
    
  
  
  
  1. // 找到適合瀏覽器的全屏方法
    2. 
  
  
  
  2. function launchFullScreen(element) {
    3. 
  
  
  
  3.   if(element.requestFullScreen) {
    4. 
  
  
  
  4.     element.requestFullScreen();
    5. 
  
  
  
  5.   } else if(element.mozRequestFullScreen) {
    6. 
  
  
  
  6.     element.mozRequestFullScreen();
    7. 
  
  
  
  7.   } else if(element.webkitRequestFullScreen) {
    8. 
  
  
  
  8.     element.webkitRequestFullScreen();
    9. 
  
  
  
  9.   }
    10. 
  
  
  
  10. }
    11. 
  
  
  
  11.   
    12. 
  
  
  
  12. // 啟動全屏模式
    13. 
  
  
  
  13. launchFullScreen(document.documentElement); // the whole page
    14. 
  
  
  
  14. launchFullScreen(document.getElementById("videoElement")); // any individual element 
    15.

 2.  頁面可見性API（Page Visibility API）

　　該API可以用來檢測頁面對于用戶的可見性，即返回用戶當前瀏覽的頁面或標簽的狀態(tài)變化。

 
 
 
    
  
  
  
  1. // 設置隱藏屬性和可見改變事件的名稱，屬性需要加瀏覽器前綴
    2. 
  
  
  
  2. // since some browsers only offer vendor-prefixed support
    3. 
  
  
  
  3. var hidden, state, visibilityChange;
    4. 
  
  
  
  4. if (typeof document.hidden !== "undefined") {
    5. 
  
  
  
  5.   hidden = "hidden";
    6. 
  
  
  
  6.   visibilityChange = "visibilitychange";
    7. 
  
  
  
  7.   state = "visibilityState";
    8. 
  
  
  
  8. } else if (typeof document.mozHidden !== "undefined") {
    9. 
  
  
  
  9.   hidden = "mozHidden";
    10. 
  
  
  
  10.   visibilityChange = "mozvisibilitychange";
    11. 
  
  
  
  11.   state = "mozVisibilityState";
    12. 
  
  
  
  12. } else if (typeof document.msHidden !== "undefined") {
    13. 
  
  
  
  13.   hidden = "msHidden";
    14. 
  
  
  
  14.   visibilityChange = "msvisibilitychange";
    15. 
  
  
  
  15.   state = "msVisibilityState";
    16. 
  
  
  
  16. } else if (typeof document.webkitHidden !== "undefined") {
    17. 
  
  
  
  17.   hidden = "webkitHidden";
    18. 
  
  
  
  18.   visibilityChange = "webkitvisibilitychange";
    19. 
  
  
  
  19.   state = "webkitVisibilityState";
    20. 
  
  
  
  20. }
    21. 
  
  
  
  21.   
    22. 
  
  
  
  22. // 添加一個標題改變的監(jiān)聽器
    23. 
  
  
  
  23. document.addEventListener(visibilityChange, function(e) {
    24. 
  
  
  
  24.   // 開始或停止狀態(tài)處理
    25. 
  
  
  
  25. }, false);
    26.

3.  getUserMedia API

　　該API允許Web應用程序訪問攝像頭和麥克風，而無需使用插件。

 
 
 
    
  
  
  
  1. // 設置事件監(jiān)聽器
    2. 
  
  
  
  2. window.addEventListener("DOMContentLoaded", function() {
    3. 
  
  
  
  3.   // 獲取元素
    4. 
  
  
  
  4.   var canvas = document.getElementById("canvas"),
    5. 
  
  
  
  5.     context = canvas.getContext("2d"),
    6. 
  
  
  
  6.     video = document.getElementById("video"),
    7. 
  
  
  
  7.     videoObj = { "video": true },
    8. 
  
  
  
  8.     errBack = function(error) {
    9. 
  
  
  
  9.       console.log("Video capture error: ", error.code);
    10. 
  
  
  
  10.     };
    11. 
  
  
  
  11.   
    12. 
  
  
  
  12.   // 設置video監(jiān)聽器
    13. 
  
  
  
  13.   if(navigator.getUserMedia) { // Standard
    14. 
  
  
  
  14.     navigator.getUserMedia(videoObj, function(stream) {
    15. 
  
  
  
  15.       video.src = stream;
    16. 
  
  
  
  16.       video.play();
    17. 
  
  
  
  17.     }, errBack);
    18. 
  
  
  
  18.   } else if(navigator.webkitGetUserMedia) { // WebKit-prefixed
    19. 
  
  
  
  19.     navigator.webkitGetUserMedia(videoObj, function(stream){
    20. 
  
  
  
  20.       video.src = window.webkitURL.createObjectURL(stream);
    21. 
  
  
  
  21.       video.play();
    22. 
  
  
  
  22.     }, errBack);
    23. 
  
  
  
  23.   }
    24. 
  
  
  
  24. }, false); 
    25.

4.  電池API（Battery API）

　　這是一個針對移動設備應用程序的API，主要用于檢測設備電池信息。

 
 
 
    
  
  
  
  1. var battery = navigator.battery || navigator.webkitBattery || navigator.mozBattery;
    2. 
  
  
  
  2.   
    3. 
  
  
  
  3. // 電池屬性
    4. 
  
  
  
  4. console.warn("Battery charging: ", battery.charging); // true
    5. 
  
  
  
  5. console.warn("Battery level: ", battery.level); // 0.58
    6. 
  
  
  
  6. console.warn("Battery discharging time: ", battery.dischargingTime);
    7. 
  
  
  
  7.   
    8. 
  
  
  
  8. // 添加事件監(jiān)聽器
    9. 
  
  
  
  9. battery.addEventListener("chargingchange", function(e) {
    10. 
  
  
  
  10.   console.warn("Battery charge change: ", battery.charging);
    11. 
  
  
  
  11. }, false);
    12.

5.  Link Prefetching

　　預加載網(wǎng)頁內(nèi)容，為瀏覽者提供一個平滑的瀏覽體驗。

 
 
 
    
  
  
  
    2. 
  
  
  
    3. 
  
  
  
  3.   
    4. 
  
  
  
    5. 
  
  
  
    6.

分享文章：你可能不知道的5個強大的HTML5API
本文鏈接：http://uogjgqi.cn/article/djsoogs.html
掃二維碼與項目經(jīng)理溝通

我們在微信上24小時期待你的聲音

解答本文疑問/技術(shù)咨詢/運營咨詢/技術(shù)建議/互聯(lián)網(wǎng)交流