微信棋牌平台開發h5游戲搭建教程HTML5離線Web應用

查看一個離線的靜態web頁面是很容易的: 連到internet,載入這個web頁面,隨后斷開網絡,躲到一個角落里在你空的時候就可以看這個頁面了(你甚至可以為了減少時間,省去”躲到一個角落”這一步).

這對於一個靜態的web頁面是比較容易實現,可是對於像Gmail 和 Google Docs這樣的web應用又是如何做到的呢? 這里就要感謝HTML5了,因為有了它任何人(不僅僅是Google)都可以構建一個離線的web應用了.

離線的web應用從在線的web應用開始.在第一次訪問有離線訪問功能的web站點的時候, web服務器會告訴你的瀏覽器哪些文件是為了保證能夠讓你離線訪問該站點所必須的,這些文件可以是任何文件,可以是HTML,也可以是Javascript或者圖片,甚至可以是視頻.一旦你的瀏覽器下載了這些必須的文件之后,下次哪怕你沒有連接到網絡你也可以正常訪問該站點.你的瀏覽器能夠識別到你當前是離線狀態,然后就會使用之前下載下來的那些文件,而一旦你再次連接到網絡,任何你對這些文件做的改動都會同步到遠程服務器上.微信棋牌平台開發www.yasewl.comh5游戲搭建測試圖片

檢測你的瀏覽器是否支持離線功能可以使用之前介紹過的檢測方法中的第一種.如果你的瀏覽器支持離線web應用的話,在全局的window對象上會有一個叫”applicationCache”的屬性,反之該屬性值就為undefined.

JavaScript Code復制內容到剪貼板

function supports_offline(){
    return !!window.applicationCache;
}

function supports_offline(){
  return !!window.applicationCache;
}

同樣的，如果你不想自己親手去寫這個檢測方法的話，你可以使用Modernizr(1.1或者更近版本)來檢測你的瀏覽器是否支持離線web應用 

JavaScript Code復制內容到剪貼板

if(Modernizr.applicationcache){
    //window.applicationCache is available
} else {
    //no native support for offline
    //maybe try Gears or another third-party solution
}
if(Modernizr.applicationcache){
    //window.applicationCache is available
} else {
    //no native support for offline
    //maybe try Gears or another third-party solution
}