⑴ 如何創建離線web應用程序實現離線訪問
html5的離線web應用的瀏覽器和伺服器交互的過程要是沒有緩存就需要每次交互都要實時介面調用,增加網路開銷。 一、離線存儲的作用 1、用戶可離線訪問應用,這對於無法隨時保持聯網狀態的移動終端用戶來說尤其重要 2、用戶訪問本地的緩存文件
⑵ web迅雷和普通迅雷5有什麼區別是一個廠家的嗎哪個好
迅雷公司在2006年5月份推出了WEB迅雷版本,很多用戶很關心迅雷版本的變化。 迅雷公司目前從以前只有單一的迅雷5產品線,現在新增了{一條WEB迅雷}產品線,今後我們將會二個產品同時進行,我們將會繼續推出迅雷6、迅雷7,WEB迅雷也會推出更多新版本。 這二款產品使用的是{同一下載內核,}{從速度和性能上是}一樣的,區別在於用戶的使用習慣,如果您習慣用傳統的下載工具,迅雷5將會適合您。如果您對下載要求比較簡單,而且更習慣於傳統的網頁瀏覽形式,我們新推出的WEB迅雷將更適合您。 我們之所以考慮製作WEB迅雷,是因為自從迅雷問世之後,一直有大量的用戶打電話郵件來詢問迅雷的使用方法,為了更方便的進行下載,我們推出了WEB迅雷。希望會使用瀏覽器瀏覽網頁的用戶,都可以輕松上手WEB迅雷。此外,WEB迅雷和迅雷的資源門戶無縫集成,也希望大家更支持我們的資源門戶(迅雷網) 沒有更好的迅雷,只有更適合的迅雷,迅雷5和WEB迅雷,總有一款是適合您使用的。
⑶ web應用包括什麼
常見的計數器、留言版、聊天室和論壇BBS等,都是Web應用程序,不過這些應用相對比較簡單,而Web應用程序的真正核心主要是對資料庫進行處理,管理信息系統(Management Information System,簡稱MIS)就是這種架構最典型的應用。
一個Web應用程序是由完成特定任務的各種Web組件(web components)構成的並通過Web將服務展示給外界。在實際應用中,Web應用程序是由多個Servlet、JSP頁面、HTML文件以及圖像文件等組成。所有這些組件相互協調為用戶提供一組完整的服務。
(3)web離線應用實驗擴展閱讀
web應用缺點
1、網路應用程序強調瀏覽器的適用性。如果瀏覽器方沒有提供特定的功能,或者棄用特定的平台或操作系統版本(導致不適用),就會影響大量用戶;
2、網路應用依靠互聯網遠程伺服器端的應用文件。因此,當連接出問題時,應用將不能正常使用。但是,如果使用HTML5 API,這些應用就可以被下載安裝而可離線使用。
3、許多網路應用程序不是開源的,只能依賴第三方提供的服務,因此不能針對用戶定製化、個性化,而且大多數情況下用戶不能離線使用,因而損失了很多靈活性;
4、它們完全依賴應用服務商的可及性。如果公司倒閉,伺服器停止使用,用戶也無法追索以前的資料。對比而看,即使軟體製造商倒閉了,傳統的安裝軟體也可以繼續運行,盡管不能再更新或有其他用戶服務。
⑷ Web應用的測試內容都包括哪些方面
1、通用指標
指Web應用伺服器、資料庫伺服器必需測試項,包括:處理器時間:指伺服器CPU佔用率,一般平均達到70%時,服務就接近飽和。可用內存數:如果測試時發現內存有變化情況也要注意,如果是內存泄露則比較嚴重。物理磁碟讀寫時間。
2、Web伺服器指標
平均每秒響應次數為總請求時間與秒數之比。平均每秒業務腳本的迭代次數。成功的請求和失敗的請求。成功的點擊次數和失敗的點擊次數。每秒點擊次數、每秒成功的點擊次數和每秒失敗的點擊次數。嘗試連接數。
3、資料庫伺服器指標
用戶連接數,也就是資料庫的連接數量。資料庫死鎖量。資料庫緩存的命中情況。
(4)web離線應用實驗擴展閱讀
對被測的Web應用程序進行需求分析,即對所做的測試作一個簡要的介紹,包括描述測試的目標和范圍,所測試的目標要實現一個什麼樣的功能,總結基本文檔、主要活動。
寫出測試策略和方法,這里包括測試開始的條件、測試的類型、測試開始的標准以及所測試的功能、測試通過或失敗的標准、結束測試的條件、測試過程中遇到什麼樣的情況終止和怎麼處理後恢復等。
一個Web應用程序由完成特定任務的各種Web組件(web components)構成的並通過Web將服務展示給外界。在實際應用中,Web應用程序由多個Servlet、JSP頁面、HTML文件以及圖像文件等組成。所有這些組件相互協調為用戶提供一組完整的服務。
⑸ android中怎麼使用html5離線功能
HTML5的離線應用功能可以使得WebApp即使在網路斷開的情況下仍能正常使用這是個非常有用的功能,但如何使Webivew支持HTML5離線應用功能呢,需要的朋友可以參考下
HTML5的離線應用功能可以使得WebApp即使在網路斷開的情況下仍能正常使用,這是個非常有用的功能。近來工作中也要用到HTML5離線應用功能,由於是在Android平台上做,所以自然而然的選擇Webview來解析網頁。但如何使Webivew支持HTML5離線應用功能呢,經過反復摸索和上網查找資料,反復做試驗終於成功了。
首先需配置webview的的一些屬性,假設activity中已經有了一個Webview的實例對象,名為m_webview,然後增加以下代碼:
復制代碼 代碼如下:
WebSettings webseting = m_webview.getSettings();
webseting.setDomStorageEnabled(true);
webseting.setAppCacheMaxSize(1024*1024*8);//設置緩沖大小,我設的是8M
String appCacheDir = this.getApplicationContext().getDir("cache", Context.MODE_PRIVATE).getPath();
webseting.setAppCachePath(appCacheDir);
webseting.setAllowFileAccess(true);
webseting.setAppCacheEnabled(true);
webseting.setCacheMode(WebSettings.LOAD_DEFAULT);
webview可以設置一個WebChromeClient對象,在其onReachedMaxAppCacheSize函數對擴充緩沖做出響應。代碼如下
復制代碼 代碼如下:
m_webview.setWebChromeClient(m_chromeClient);
private WebChromeClient m_chromeClient = new WebChromeClient(){
//擴充緩存的容量
@Override
public void onReachedMaxAppCacheSize(long spaceNeeded,
long totalUsedQuota, WebStorage.QuotaUpdater quotaUpdater) {
quotaUpdater.updateQuota(spaceNeeded * 2);
}
};
其次要修改http伺服器中的配置,使其支持text/cache-manifest,我使用的是apache伺服器,是windows版本的,在apache的conf文件夾中找到mime.types文件,打開後在文件的最後加上
「text/cache-manifest mf manifest」,重啟伺服器即可。這一步很重要,我就是因為伺服器端沒有配置這個,所以失敗了好多次,最後是在附錄鏈接1的回復中找到的線索。
經過以上設置Webview就可以支持HTML5的離線應用了。
附錄鏈接1中說緩沖目錄應該是getApplicationContext().getCacheDir().getAbsolutePath();但我經過試驗後發現設置那個目錄不起作用,可能是Android版本不同吧,我的是Android4.0.3,而他的可能是以前的Android版本吧。
緩沖目錄使用getApplicationContext().getDir("cache", Context.MODE_PRIVATE).getPath()是從附錄鏈接2中找到的線索。
⑹ 哪個網站用了HTML5離線Web應用
HTML5 離線功能介紹
HTML5 是目前正在討論的新一代 HTML 標准,它代表了現在 Web
領域的最新發展方向。在 HTML5
標准中,加入了新的多樣的內容描述標簽,直接支持表單驗證、視頻音頻標簽、網頁元素的拖拽、離線存儲和工作線程等功能。其中一個新特性就是對離線應用開發
的支持。
在開發支持離線的 Web 應用程序時,開發者通常需要使用以下三個方面的功能:
離線資源緩存:需要一種方式來指明應用程序離線工作時所需的資源文件。這樣,瀏覽器才能在在線狀態時,把這些文件緩存到本地。此後,當用戶離線訪問應用程
序時,這些資源文件會自動載入,從而讓用戶正常使用。HTML5 中,通過 cache manifest
文件指明需要緩存的資源,並支持自動和手動兩種緩存更新方式。
在線狀態檢測:開發者需要知道瀏覽器是否在線,這樣才能夠針對在線或離線的狀態,做出對應的處理。在 HTML5 中,提供了兩種檢測當前網路是否在線的方式。
本地數據存儲:離線時,需要能夠把數據存儲到本地,以便在線時同步到伺服器上。為了滿足不同的存儲需求,HTML5 提供了 DOM Storage 和
Web SQL Database 兩種存儲機制。前者提供了易用的 key/value 對存儲方式,而後者提供了基本的關系資料庫存儲功能。
盡
管 HTML5 還處於草稿狀態,但是各大主流瀏覽器都已經實現了其中的很多功能。Chrome、Firefox、Safari 和 Opera
的最新版本都對 HTML5 離線功能提供了完整的支持。IE8 也支持了其中的在線狀態檢測和 DOM Storage 功能。下面將具體介紹
HTML5 離線功能中的離線資源緩存、在線狀態檢測、DOM Storage 和 Web SQL Database,最後通過一個簡單的 Web
程序說明使用 HTML5 開發離線應用的方法。
回頁首
離線資源緩存
為
了能夠讓用戶在離線狀態下繼續訪問 Web 應用,開發者需要提供一個 cache manifest
文件。這個文件中列出了所有需要在離線狀態下使用的資源,瀏覽器會把這些資源緩存到本地。本節先通過一個例子展示 cache manifest
文件的用途,然後詳細描述其書寫方法,最後說明緩存的更新方式。
cache manifest 示例
我們通過 W3C 提供的示例來說明。Clock Web 應用由三個文件「clock.html」、「clock.css」和「clock.js」組成。
清單 1. Clock 應用代碼
<!-- clock.html -->
<!DOCTYPE HTML>
<html>
<head>
<title>Clock</title>
<script src="clock.js"></script>
<link rel="stylesheet" href="clock.css">
</head>
<body>
<p>The time is: <output id="clock"></output></p>
</body>
</html>
/* clock.css */
output { font: 2em sans-serif; }
/* clock.js */
setTimeout(function () {
document.getElementById('clock').value = new Date();
}, 1000);
當用戶在離線狀態下訪問「clock.html」時,頁面將無法展現。為了支持離線訪問,開發者必須
添加 cache manifest 文件,指明需要緩存的資源。這個例子中的 cache manifest
文件為「clock.manifest」,它聲明了 3
個需要緩存的資源文件「clock.html」、「clock.css」和「clock.js」。
清單 2. clock.manifest 代碼
CACHE MANIFEST
clock.html
clock.css
clock.js
添加了 cache manifest 文件後,還需要修改「clock.html」,把 <html> 標簽的 manifest 屬性設置為「clock.manifest」。修改後的「clock.html」代碼如下。
清單 3. 設置 manifest 後的 clock.html 代碼
<!-- clock.html -->
<!DOCTYPE HTML>
<html manifest="clock.manifest">
<head>
<title>Clock</title>
<script src="clock.js"></script>
<link rel="stylesheet" href="clock.css">
</head>
<body>
<p>The time is: <output id="clock"></output></p>
</body>
</html>
修改後,當用戶在線訪問「clock.html」時,瀏覽器會緩存「clock.html」、「clock.css」和「clock.js」文件;而當用戶離線訪問時,這個 Web 應用也可以正常使用了。
cache manifest 格式
下面說明書寫 cache manifest 文件需要遵循的格式。
首行必須是 CACHE MANIFEST。
其後,每一行列出一個需要緩存的資源文件名。
可根據需要列出在線訪問的白名單。白名單中的所有資源不會被緩存,在使用時將直接在線訪問。聲明白名單使用 NETWORK:標識符。
如果在白名單後還要補充需要緩存的資源,可以使用 CACHE:標識符。
如果要聲明某 URI 不能訪問時的替補 URI,可以使用 FALLBACK:標識符。其後的每一行包含兩個 URI,當第一個 URI 不可訪問時,瀏覽器將嘗試使用第二個 URI。
注釋要另起一行,以 # 號開頭。
清單 4 的代碼中給出了 cache manifest 中各類標識符的使用示例。
清單 4. cache manifest 示例代碼
CACHE MANIFEST
# 上一行是必須書寫的。
images/sound-icon.png
images/background.png
NETWORK:
comm.cgi
# 下面是另一些需要緩存的資源,在這個示例中只有一個 css 文件。
CACHE:
style/default.css
FALLBACK:
/files/projects /projects
更新緩存
應用程序可以等待瀏覽器自動更新緩存,也可以使用 Javascript 介面手動觸發更新。
自動更新
瀏覽器除了在第一次訪問 Web 應用時緩存資源外,只會在 cache manifest 文件本身發生變化時更新緩存。而 cache manifest 中的資源文件發生變化並不會觸發更新。
手動更新
開發者也可以使用 window.applicationCache 的介面更新緩存。方法是檢測
window.applicationCache.status 的值,如果是 UPDATEREADY,那麼可以調用
window.applicationCache.update() 更新緩存。示範代碼如下。
清單 5 手動更新緩存
if (window.applicationCache.status == window.applicationCache.UPDATEREADY)
{
window.applicationCache.update();
}
你可以去看看ITjob遠標的網站,應該有做的,html5應用很強大
⑺ 如何使用下面的HTML5功能創建離線的網頁和應用程序
在這篇文章中,我們將展示如何創建乖巧離線的網頁和應用程序使用下面的HTML5功能:
AppCache本地存儲文件資源,離線訪問它們作為URL
索引型資料庫存儲結構化數據在本地,你可以訪問和查詢它
DOM存儲在本地存儲少量的文字信息,
離線事件來檢測,如果你€ 重新連接到網路
離線的'蛋糕'這個詞使用的食譜網站的搜索結果。
作為一個開發者,你可以使這些類型的場景相結合的離線技術:AppCache,索引型資料庫,DOM存儲,WebSockets的(或XHR)。在探索個人的技術,讓我們的探討的好處。
Metro風格的應用程序和網站,離線技術讓你來處理連接故障。想像一下,您的用戶填寫一個表格,他失去網路連接。您的網站或Metro風格的應用程序應該怎麼做呢?連接自由發展的心態可以讓您的應用程序是否連接到網路或不正確地獨立工作。你的應用程序將正常工作。
在更復雜的情況下,Web站點和應用程序允許用戶創建新的內容,並存儲新的數據,即使應用程序是完全離線。試想一下,無縫地工作在離線狀態下,如Outlook今天的Outlook Web Access(OWA)的Hotmail或GMail。
離線技術也可以通過本地緩存的資源服務,預緩存將來信息和轉移從雲(或網路)到客戶端設備的處理能力,提高整體性能。信息越多,你€™重新能夠緩存在本地,在本地搜索,並計算在本地伺服器和用戶的體驗將更快,需要更少的資源熱轉印機。
有一個Metro風格的應用程序離線工作的期望高於網站的離線工作。因為他們使用從商店的自我包含的程序包部署,用戶希望他們有某種類型的離線功能(如游戲,書籍,食譜等)。即使這些應用程序是無法創建或訪問新的內容,以前的內容應該是可見的(例如聯系人,會議,飼料,雜志等)。
本地緩存文件資源使用AppCache
AppCache使您能夠創建長壽命的本地緩存下載的文件資源,資源可以訪問而離線或使用的同時在線,以提高性能。試想一下,一個三歲的孩子使用一台筆記本電腦,下載一個互動式的Web的游戲(KidsBook)從您的家庭網路。如果應用程序的資源存儲在本地,孩子可以繼續在車上玩游戲,那裡沒有網路連接。
如果KidsBook使用AppCache,本場比賽將有緩存必要的資源(的JavaScript,HTML,CSS,音頻,視頻等)時,先下載後從網路上斷開時,播放的游戲。這可以讓孩子保持愉悅,即使設備本身沒有網路連接。
AppCache創作流程。
要看到如何啟用互動網頁游戲離線工作,檢查出KidsBook的IE Test Drive網站上的例子。
AppCache使用一個manifest文件,以緩存的內容從網站上指定資源的URI。幕後發生後,瀏覽器顯示網頁,它允許在清單文件中定義的資源被下載的緩存。這保證了資源下載到本地機器上,作為一個單位在一個事務中,創建一個本地的緩存。如果一個單一的資源下載失敗,沒有創建高速緩存。要更新存儲在緩存中的內容,在您的伺服器更新清單文件。當用戶下次訪問該網站時,瀏覽器比較明顯的伺服器上的文件的緩存副本。如果緩存的艙單副本是不同的伺服器副本,新版本更新清單文件中定義的內容高速緩存的使用。
AppCache還允許Internet Explorer和Metro風格的應用程序在離線狀態下使用傳統的URL的訪問緩存的資源。這可以讓你在瀏覽器窗口中鍵入一個URL,並沒有任何網路連接的情況下訪問此信息。此外,離線頁可以解決的URI使用本地緩存的信息。代碼示例來看看在HTML5應用程序緩存(「œAppCacheâ)部分中的IE10開發人員指南。
總體而言,AppCache提供了一定的優勢HTTP的緩存。HTTP緩存沒有噸保證緩存的資源之後將TIF(臨時Internet文件)將被清除。此外,HTTP緩存沒有€™噸正確地解決在離線狀態下的URL。然而,HTTP緩存可用於優化AppCache的行為,通過指定的緩存資源的生命周期。如果從網站上下載或復制的資源從緩存的本地高速緩存中創建一個新的版本時,這將決定。
Metro風格的應用可以受益於AppCache通過在本地緩存的Web資源的訪問的頁框,它允許離線訪問的內容。
高速緩存大型本地使用索引型資料庫的結構化數據
索引型資料庫是一個本地JavaScript對象存儲在本地機器上的資料庫,允許快速索引和搜索的對象。前面介紹的食譜網站,包括16食譜從父站點中提取的資料庫。想像一下,用一個RSS feed,一個WebSocket或XHR連接的,定期更新這個資料庫。這將使您的用戶能夠訪問到最新的食譜,即使他們有沒有網路連接。
索引型資料庫,您可以直接操作和索引的JavaScript對象。使用索引型資料庫搜索本地信息的優點是它不會強迫你總是在雲中搜索,降低了計算成本。這是假設你€™重新能夠維持,是緩存在本地系統中的數據的相關性。