android中怎么使用html5離線功能

HTML5的離線應用功能可以使得WebApp即使在網(wǎng)絡斷開的情況下仍能正常使用這是個非常有用的功能,但如何使Webivew支持HTML5離線應用功能呢,需要的朋友可以參考下

成都創(chuàng)新互聯(lián)是網(wǎng)站建設(shè)技術(shù)企業(yè)，為成都企業(yè)提供專業(yè)的網(wǎng)站制作、網(wǎng)站設(shè)計，網(wǎng)站設(shè)計，網(wǎng)站制作，網(wǎng)站改版等技術(shù)服務。擁有十年豐富建站經(jīng)驗和眾多成功案例，為您定制適合企業(yè)的網(wǎng)站。十年品質(zhì)，值得信賴！

HTML5的離線應用功能可以使得WebApp即使在網(wǎng)絡斷開的情況下仍能正常使用，這是個非常有用的功能。近來工作中也要用到HTML5離線應用功能，由于是在Android平臺上做，所以自然而然的選擇Webview來解析網(wǎng)頁。但如何使Webivew支持HTML5離線應用功能呢，經(jīng)過反復摸索和上網(wǎng)查找資料，反復做試驗終于成功了。

首先需配置webview的的一些屬性，假設(shè)activity中已經(jīng)有了一個Webview的實例對象，名為m_webview，然后增加以下代碼：

復制代碼 代碼如下:

WebSettings webseting = m_webview.getSettings();

webseting.setDomStorageEnabled(true);

webseting.setAppCacheMaxSize(1024*1024*8);//設(shè)置緩沖大小，我設(shè)的是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可以設(shè)置一個WebChromeClient對象，在其onReachedMaxAppCacheSize函數(shù)對擴充緩沖做出響應。代碼如下

復制代碼 代碼如下:

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的回復中找到的線索。

經(jīng)過以上設(shè)置Webview就可以支持HTML5的離線應用了。

附錄鏈接1中說緩沖目錄應該是getApplicationContext().getCacheDir().getAbsolutePath();但我經(jīng)過試驗后發(fā)現(xiàn)設(shè)置那個目錄不起作用，可能是Android版本不同吧，我的是Android4.0.3，而他的可能是以前的Android版本吧。

緩沖目錄使用getApplicationContext().getDir("cache", Context.MODE_PRIVATE).getPath()是從附錄鏈接2中找到的線索。

怎樣把html5嵌入到android手機app中

HTML5嵌入到APP中方法：

1、android webview控件加載html5；

2、即webview基于webkit內(nèi)核支持html5；

3、進行做自定義屏幕適應調(diào)試和測試！

安卓系統(tǒng)有什么支持HTML5 的瀏覽器嗎

安卓5以上的系統(tǒng)自帶瀏覽器。

安卓5以上的系統(tǒng)自帶瀏覽器對html5支持的已經(jīng)比較好了更低版本的安卓上，安裝的第三方瀏覽器APP一般都對html5支持比較好。

HTML5是什么？具體是干什么的？

HTML的全稱是超文本標記語言，是一種標記語言。它包括一系列標簽，可以統(tǒng)一網(wǎng)絡上文檔的格式，將分散的互聯(lián)網(wǎng)資源連接成一個邏輯整體。HTML是由HTML命令組成的描述性文本，可以解釋文字、圖形、動畫、聲音、表格、鏈接等。Html是一種用來描述網(wǎng)頁的語言。它被稱為超文本標記語言，它是一種標記語言。它包括一系列標簽，可以統(tǒng)一網(wǎng)絡上文檔的格式，將分散的互聯(lián)網(wǎng)資源連接成一個邏輯整體。

如何利用html5開發(fā)android界面

H5開發(fā)安卓界面需要注意以下三點：

（上）包括Android設(shè)備多分辨率的問題，Android中構(gòu)建HTML5應用程序基礎(chǔ)

（中）包括Android與JS之間的互動，Android處理JS的警告對話框等，Android中的調(diào)試

（下）包括本地儲存在Android中的應用，地理位置的應用，離線應用的構(gòu)建

進入正題

● Android設(shè)備多分辨率的問題

Android瀏覽器默認預覽模式瀏覽 會縮小頁面 WebView中則會以原始大小顯示

Android瀏覽器和WebView默認為mdpi。hdpi相當于mdpi的1.5倍 ldpi相當于0.75倍

三種解決方式：1 viewport屬性 2 CSS控制 3 JS控制

1 viewport屬性放在HTML的meta中

html代碼：

span style="font-size: x-small;" head

titleExmaple/title

meta name=”viewport” content=”width=device-width,user-scalable=no”/

/head/span

meta中viewport的屬性如下：

span style="font-size: x-small;" meta name="viewport"

content="

height = [pixel_value | device-height] ,

width = [pixel_value | device-width ] ,

initial-scale = float_value ,

minimum-scale = float_value ,

maximum-scale = float_value ,

user-scalable = [yes | no] ,

target-densitydpi = [dpi_value | device-dpi |

high-dpi | medium-dpi | low-dpi]

"

/

/span

2 CSS控制設(shè)備密度

為每種密度創(chuàng)建獨立的樣式表（注意其中的webkit-device-pixel-ratio 3個數(shù)值對應3種分辨率）

html代碼：

link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 1.5)" href="hdpi.css" /

link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 1.0)" href="mdpi.css" /

link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 0.75)" href="ldpi.css" /

3 JS控制

Android瀏覽器和WebView支持查詢當前設(shè)別密度的DOM特性

window.devicePixelRatio 同樣值有3個（0.75,1,1.5對應3種分辨率）

JS中查詢設(shè)備密度的方法

js代碼：

if (window.devicePixelRatio == 1.5) {

alert("This is a high-density screen");

} else if (window.devicePixelRation == 0.75) {

alert("This is a low-density screen");

}

Android中構(gòu)建HTML5應用

使用WebView控件 與其他控件的使用方法相同 在layout中使用一個WebView標簽

WebView不包括導航欄，地址欄等完整瀏覽器功能，只用于顯示一個網(wǎng)頁。

網(wǎng)站題目：安卓html5應用,手機html5軟件
文章網(wǎng)址：http://chinadenli.net/article45/dsgsiei.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、ChatGPT、外貿(mào)建站、電子商務、企業(yè)建站、網(wǎng)站維護

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)