UpUp:網站離線載入程式碼

UpUp 是一個免費開源的JavaScript程式碼,可以為站長們提供一種把網站離線到移動裝置上離線訪問,不要覺得這種功能需要多高的技術,其實很簡單,只需要一段程式碼即可完成,這樣可以極大的提高使用者的體驗度和粘合度。

UpUp:網站離線載入程式碼

隨著行動網路與WiFi日漸普及,目前許多使用者可能都不是坐在電腦前上網,而是通過例如手機、平板電腦來瀏覽網站。但大家都知道,無線網路並不一定時時刻刻都有良好的連線品質,如果剛好進電梯、搭捷運,或是遇到收訊死角,網路就無法正常開啟網站。如果你希望提供使用者更好的瀏覽體驗可以考慮使用UpUp來強化網站在離線時的瀏覽功能。

使用方法很簡單:目前UpUp 支援所有主要瀏覽器,包括Chrome 40+、Opera 27+ 及Firefox 41+。只要到GitHub下載最新版本的upup.min.js程式碼,把它上傳到你的伺服器,然後從網頁裡載入這段程式碼即可。利用設定來選擇當離線狀態時要載入的頁面及相關內容。

<script src=”/upup.min.js”></script>

<script>

UpUp.start({

‘content-url’: ‘offline.html’ // show this page to offline users

});

UpUp使用一項名為Service Workers技術,大多數的主流瀏覽器都能支援,當使用者處於離線狀態,就能夠瀏覽指定的網站內容,當無網路可用的時候,瀏覽器會出現瀏覽器的錯誤畫面,在網站加入UpUp 後,你可以設定要以那些內容或網頁來取代這情境,無論要顯示簡易離線訊息,或是建立一個離線也能夠瀏覽的網頁,都能輕鬆做到。

</script>

猜你喜歡

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *