我們的網站開發始終以技術不斷更新為自豪,百 家 樂 如何 看 路尤其在HTML5的革命已經為我們提供了一些出色的JavaScript和HTML API。 這些API中有些是多年來我們一直需要的,而有些則是針對最新行動和桌面環境的尖端技術。 不論這些API的功能或目的如何,任何能夠幫助我們更好地完成工作的工具都是朝著正確方向邁出的一步。 不久前,我分享了五個您可能不知道的HTML5 API,希望能夠激發您改進自己的網路應用程式。 現在,我想再分享另外五個鮮為人知的HTML5 API,希望其中有些對您有幫助!
全螢幕API
令人驚嘆的全螢幕API使開發人員百 家 樂 補 牌 規則能夠透過程式將瀏覽器切換到全螢幕模式,並等待用戶批准:
// 根據瀏覽器支援的方法調用
function launchFullScreen(element) {
if (element.requestFullScreen) {
element.requestFullScreen();
} else if (element.mozRequestFullScreen) {
element.mozRequestFullScreen();
} else if (element.webkitRequestFullScreen) {
element.webkitRequestFullScreen();
}
}
// 啟動全螢幕模式,百家樂破解程式適用於支援的瀏覽器
launchFullScreen(document.documentElement); // 整個頁面
launchFullScreen(document.getElementById(“videoElement”)); // 任何單一元素
這款API對JavaScript遊戲開發尤其有用,因為它允許任何元素切換到全螢幕模式,並且還提供了CSS偽類,以便在全螢幕模式下對螢幕進行一些控制。
頁面可見性API
頁面可見性API為開發人員提供了一個事件,靠百家樂賺錢用於監聽使用者是否正在瀏覽頁面的標籤,以及當使用者切換到另一個標籤或視窗時的情況:// 根據不同瀏覽器設定隱藏屬性的名稱和可見 性更改事件
var hidden, state, visibilityChange;
if (typeof document.hidden !== “undefined”) {
hidden = “hidden”;
visibilityChange = “visibilitychange”;
state = “visibilityState”;
} else if (typeof document.mozHidden !== “undefined”) {
hidden = “mozHidden”;
visibilityChange = “mozvisibilitychange”;
state = “mozVisibilityState”;
} else if (typeof document.msHidden !== “undefined”) {
hidden = “msHidden”;
visibilityChange = “msvisibilitychange”;
state = “msVisibilityState”;
} else if (typeof document.webkitHidden !== “undefined”) {
hidden = “webkitHidden”;
visibilityChange = “webkitvisibilitychange”;
state = “webkitVisibilityState”;
}
// 新增一個監聽器來處理可見性狀態的變化
document.addEventListener(visibilityChange, function(e) {
// 根據頁面狀態執行對應操作
}, false);
getUserMedia API
getUserMedia API非常有趣;它提供了對設備媒體的訪問,例如MacBook的相機! 使用此API,結合<video>標籤和畫布,您可以在瀏覽器中拍攝漂亮的照片:
// 設定事件監聽器
window.addEventListener(“DOMContentLoaded”, function() {
// 取得元素並設定
var canvas = document.getElementById(“canvas”),
context = canvas.getContext(“2d”),
video = document.getElementById(“video”),
videoObj = { video: true },
errBack = function(error) {
console.log(“視訊擷取錯誤:”, error.code);
};
// 將視訊串流傳遞給視訊元素
if (navigator.getUserMedia) { // 標準方法
navigator.getUserMedia(videoObj, function(stream) {
video.src = stream;
video.play();
}, errBack);
} else if (navigator.webkitGetUserMedia) { // WebKit前綴
navigator.webkitGetUserMedia(videoObj, function(stream){
video.src = window.webkitURL.createObjectURL(stream);
video.play();
}, errBack);
}
}, false);
電池API
Battery API已經更新,百家樂作弊程式透過JavaScript Battery API Update,您可以了解新的程式碼模式!
此電池API可讓您取得裝置電池的電量和狀態資訊:
// 取得電池資訊
var battery = navigator.battery || navigator.webkitBattery || navigator.mozBattery;
// 一些有用的電池屬性
console.warn(“電池充電狀態:”, battery.charging); // true/false
console.warn(“電池電量:”, battery.level); // 0.58
console.warn(“電池剩餘時間:”, battery.dischargingTime);
// 新增事件監聽器
battery.addEventListener(“chargingchange”, function(e) {
console.warn(“電池充電狀態變化:”, battery.charging);
}, false);
了解電池API和其狀態可以讓Web應用程式根據電池情況進行最佳化,例如避免執行耗電量較高的操作等。 雖然這並不是全新的API,但它肯定是一個實用的API。
連結預取
連結預取可讓開發人員以靜默方式預先載入網站內容,以實現更流暢、無縫的網路體驗。