1. 程式人生 > >HTML5 應用程式快取--manifest

HTML5 應用程式快取--manifest

HTML5 引入了應用程式快取,這意味著 web 應用可進行快取,並可在沒有因特網連線時進行訪問。
應用程式快取為應用帶來三個優勢
- 離線瀏覽 - 使用者可在應用離線時使用它們
- 速度 - 已快取資源載入得更快
- 減少伺服器負載 - 瀏覽器將只從伺服器下載更新過或更改過的資源。

瀏覽器是怎麼對HTML5的離線儲存資源進行管理和載入的?
1. 線上的情況下,瀏覽器發現 html 標籤有 manifest 屬性,它會請求 manifest 檔案
2. 如果是第一次訪問app,那麼瀏覽器就會根據 manifest 檔案的內容下載相應的資源並且進行離線儲存
3. 如果已經訪問過app且資源已經離線儲存了,瀏覽器會對比新的 manifest 檔案與舊的 manifest 檔案,如果檔案沒有發生改變,就不做任何操作。如果檔案改變了,那麼就會重新下載檔案中的資源並進行離線儲存
4. 離線的情況下,瀏覽器就直接使用離線儲存的資源。

相關推薦

HTML5 應用程式快取--manifest

HTML5 引入了應用程式快取,這意味著 web 應用可進行快取,並可在沒有因特網連線時進行訪問。 應用程式快取為應用帶來三個優勢: - 離線瀏覽 - 使用者可在應用離線時使用它們 - 速度 - 已快取資源載入得更快 - 減少伺服器負載 - 瀏覽器

HTML5應用程式快取(Application Cache)

最近做專案的時候,需要將web頁面快取到本地,經過調查,決定使用HTML5的應用程式快取功能。 使用HTML5,通過建立 manifest 檔案,可以輕鬆地建立 web 應用的離線版本。 請注意,根據MDN文件,該特性已經從 Web 標準中刪除。推薦使用Se

從零開始學 Web 之 HTML5(三)網路監聽,全屏,檔案讀取,地理定位介面,應用程式快取

一、網路監聽介面 ononline:網路連通時觸發 onoffline:網路斷開時觸發 window.addEventListener("online", function(){}); window.addEventListener("offline", function(){}); 二、全屏介面 全

html5 web應用程式快取

話說到web應用程式快取,這個東西,我覺得挺有用的。以前,個人看到網頁版的美圖秀秀,而自己的電腦本地也安裝了美圖秀秀,就覺得這兩者沒必要在網頁版上也實現吧。不過,後來覺得,還是網頁版的方便多了,因為不需要自己安裝程式啊,至少自己的電腦裡面不會因多一個應用程式,而很亂。但是,

Android實現清除應用程式快取

我使用的是反射的方法來獲取某個應用程式的快取大小,但是沒能實現通過反射的方法來清除該應用快取,所以我只能呼叫系統的設定意圖來清除快取。而且在真機上沒什麼問題,模擬器上就有些問題了。 1.需要三個AIDL檔案 注意:在新增三個aidl檔案後一定要Rebuild Proje

安卓開發之清理手機應用程式快取

清理手機應用程式快取。    拿到模組後,先實現UI介面。介面實現後開始思考整個模組要實現的功能,然後是要使用的API。    第一步:先拿到包管理器    PackageManager pm=getPackageManager();    第二步:利用包管理器拿到所有安裝

清理應用程式快取

1、獲取應用程式快取資訊 2、清理快取(也可以不用步驟1,直接清理,步驟1只是為了知道哪些程式有快取) 1) Method getPackageSizeInfo = pm.getClass().getMethod("getPackageSizeInfo", String.c

使用快取計算來提高應用程式效能

問題:       如何減少重複複雜的和CPU消耗大的計算的需要,優化js應用程式和庫。 解決方案       使用中間函式memoization來快取複雜計算的結果。 舉例 <!DOCTYPE html> <html> <head&g

比較完整的Windows應用程式清單檔案 manifest.xml

支援Windows 6.0介面庫、支援管理員許可權、相容WIN8/WIN10下取系統版本、相容DPI Aware<?xml version="1.0" encoding="UTF-8"?>    <assembly xmlns="urn:schemas-mi

.net桌面應用程式快取MemoryCache

在.net 4 裡面新增一個快取類MemoryCache我們都知道在asp.net 中有一個快取類System.Web.Caching.Cache,在winform或是wpf中也可以使用,但要引用System.Web.dll 這個dll是為web設計的,用來引用在桌面應用程式

通過修改manifest檔案來解決Vista/Win7/Win8下應用程式相容性問題

        在Vista/Win7/Win8下,有一個系統相容性助手功能,在安裝程式安裝完成或解除安裝完成後,可能會彈出應用程式相容性助手相關的提示,提示程式可能安裝不正確,很是煩人。如下圖所示: 事實上,我們的程式相容性是沒問題的,只不過是在程式中沒有指定應用程式相

千鋒西安HTML5培訓 帶你走進HTML5應用時代

提高 小夥伴 市場 無需 開發者 ash html5技術 小程序 娛樂 娛樂時代的到來,正在潛移默化的改變著人們的生活習慣。如今HTML5在社交平臺的興起爆發,無不彰顯著娛樂世界的變化。   HTML5遊戲是一種充分利用HTML5技術在網頁瀏覽器、社交平臺中分發,充分體現

往ABAP gateway system上和Cloud Foundry上部署HTML5應用

https 公眾號 nodejs 過程 ejs build http str nod ABAP Gateway system 在我的公眾號文章裏有詳細介紹:SAP Fiori應用的三種部署方式 用WebIDE部署 用Eclipse Team provider部署 執行re

嵌入式ARM平臺基於Linux配置應用程式開機自啟動(fluxbox參考)

本文轉載於 http://www.eefocus.com/toradex/blog/18-01/426601_a6317.html,特此感謝 By Toradex秦海 1). 簡介 嵌入式ARM平臺裝置採用Embedded Linux作業系統

瀏覽器判別下載安裝/開啟Android應用程式

摘要: 通過手機瀏覽器直接開啟Android應用程式。 如果本地已經安裝了指定Android應用,就直接開啟它; 如果沒有安裝,則直接下載該應用的安裝檔案(也可以跳轉到下載頁面)。 之前寫過一篇blog,介紹如何通過點選手機瀏覽器中的連結,直接開啟本地Android App。 實現方式

XWAF——Web應用程式框架

XWAF框架簡介 版本:V1.0.0.0 XWAF是一個基於java反射和Servlet 技術的Web應用程式框架。其英文全稱為“eXtensible Web Applica

WPF的訊息機制(一)- 讓應用程式動起來

原文: WPF的訊息機制(一)- 讓應用程式動起來 前言 談起“訊息機制”這個詞,我們都會想到Windows的訊息機制,系統將鍵盤滑鼠的行為包裝成一個Windows Message,然後系統主動將這些Windows Message派發給特定的視窗,實際上訊息是被Post到特定視窗所線上程

企業級 GIS 安全性(二)——應用程式安全性

本部分主要是針對系統架構人員設定的,幫助他們瞭解特定的 Esri 應用程式架構和產品的安全選項。 ArcGIS 技術目前廣泛應用於商業環境和機密環境中的安全性解決方案。Esri 將繼續對產品進行配置和測試,以便輕鬆整合到企業安全解決方案 - 通常與其他提供/啟用安全性功能的產品協同工作。其中包

ubuntu16.04應用程式建立快捷方式或啟動器

參考:http://www.blogs.digitalworlds.net/softwarenotes/?p=54等 0 介紹 如果在Linux桌面系統中你經常使用一個程式,你可能想去建立一個“桌面快捷方式”,以便於你在桌面只要點選一下快捷方式就可以啟動它。雖然不少帶有圖形介面的程式會在安裝

Atitit Persistence API永續性標準化法總結 目錄 1. 永續性對於大多數企業應用程式都非常要害 1 2. 持久化api內容 2 2.1. 一種宣告式地執行O-R對映的方式。 2

Atitit  Persistence API永續性標準化法總結   目錄 1. 永續性對於大多數企業應用程式都非常要害 1 2. 持久化api內容 2 2.1. 一種宣告式地執行O-R對映的方式。 2 2.2. 一個用於操作實體(例如,執行CRUD操作)