摘要:在線離線應(yīng)用緩存就是一個從瀏覽器的緩存中分出來的緩存去,在緩存中保存數(shù)據(jù),可以使用一個描述文件,列出要下載和緩存的資源。
離線檢測
HTML5中定義的:
navigator.onLine如果為true則表示設(shè)備能夠上網(wǎng) 注意是大寫的L(onLine);
用下面代碼檢測屬性狀態(tài):
if (navigator.onLine) { // statement if online } else { // statement if offline }
另外:
window.online和window.offline兩個事件
HTML5提供了這兩個事件,會在網(wǎng)絡(luò)狀態(tài)變化時觸發(fā)。online在網(wǎng)絡(luò)由離線變?yōu)樵诰€時觸發(fā);offline在網(wǎng)絡(luò)由在線變?yōu)殡x線時觸發(fā)。
EventUtil.addHandler(window, "online", function() { document.getElementById("status").innerHTML = "在線"; }); EventUtil.addHandler(window, "offline", function() { document.getElementById("status").innerHTML = "離線"; });應(yīng)用緩存(appcache)
appcache就是一個從瀏覽器的緩存中分出來的緩存去,在緩存中保存數(shù)據(jù),可以使用一個描述文件(manifest file),列出要下載和緩存的資源。
描述文件文件名:
offline.manifest
描述文件內(nèi)容:
CACHE MANIFEST #Comment file.js file.css
然后與頁面關(guān)聯(lián)起來,在html標(biāo)簽中的manifest屬性中指定這個文件路徑:
另外,applicationCache.status會返回下面的常量:
0:無緩存
1:閑置
2:檢查中
3:下載中
4:更新完成
5:廢棄
應(yīng)用緩存相關(guān)的事件:
checking:檢查緩存更新時;
error:檢查更新或下載資源時發(fā)聲錯誤
noupdate:描述文件無變化
downloading:開始下載應(yīng)用緩存資源
progress:下載緩存資源過程中
updateready:下載完畢
cached:應(yīng)用緩存完整可用時
讓應(yīng)用緩存為檢查更新而觸發(fā)上述事件:
applicationCache.update();
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/78803.html
摘要:在這種情況下,瀏覽器將繼續(xù)使用原應(yīng)用緩存。對象對象有一個屬性,屬性的值是常量,表示應(yīng)用緩存的狀態(tài)。兼容性與其他客戶端儲存方案相比,同樣也有限制,這些限制因瀏覽器圍而異。對象主要用于僅針對會話的小段數(shù)據(jù)的存儲。 開發(fā)離線Web應(yīng)用需要幾個步驟: 首先確保應(yīng)用知道設(shè)備是否能上網(wǎng)。 應(yīng)用必須能訪問一定的資源(圖像,Javascript,CSS),這樣才能正常工作。 離線檢測 naviga...
摘要:應(yīng)用緩存的應(yīng)用緩存,或者簡稱為,是專門為開發(fā)離線應(yīng)用而設(shè)計的。應(yīng)用緩存還有很多相關(guān)的事件,表示其狀態(tài)的改變。數(shù)據(jù)存儲,通常直接叫做,最初是在客戶端用于存儲會話信息的。也就是使用值來存儲多個名稱值對兒。 所謂Web離線應(yīng)用,就是在設(shè)備不能上網(wǎng)的情況下仍然可以運(yùn)行的應(yīng)用。開發(fā)離線Web應(yīng)用需要幾個步驟:(1)確保應(yīng)用知道設(shè)備是否能上網(wǎng);(2)應(yīng)用還必須能訪問一定的資源(圖像、JavaScr...
摘要:離線檢測含義設(shè)備能否上網(wǎng)代碼注和,和最新的沒問題應(yīng)用緩存緩存的目的是專門為網(wǎng)頁離線設(shè)計的,當(dāng)然在在線情況也會緩存機(jī)制當(dāng)用戶在地址輸入請求的地址去請求網(wǎng)頁時,瀏覽器會先本地緩存中查看是否有對應(yīng)的緩存文件,如果有然后查看新鮮度就是是否過期了,如 23.1 離線檢測 含義:設(shè)備能否上網(wǎng) 代碼: navigator.onLine 注:IE6+和safari+5,firefox3+和ope...
閱讀 2997·2021-10-19 11:46
閱讀 989·2021-08-03 14:03
閱讀 2949·2021-06-11 18:08
閱讀 2921·2019-08-29 13:52
閱讀 2774·2019-08-29 12:49
閱讀 493·2019-08-26 13:56
閱讀 934·2019-08-26 13:41
閱讀 857·2019-08-26 13:35