android本地html5
① 如何利用html5開發android界面
H5開發安卓界面需要注意以下三點：
（上）包括Android設備多解析度的問題，Android中構建HTML5應用程序基礎
（中）包括Android與JS之間的互動，Android處理JS的警告對話框等，Android中的調試
（下）包括本地儲存在Android中的應用，地理位置的應用，離線應用的構建
進入正題
● Android設備多解析度的問題
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>
<title>Exmaple</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控制設備密度
為每種密度創建獨立的樣式表（注意其中的webkit-device-pixel-ratio 3個數值對應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支持查詢當前設別密度的DOM特性
window.devicePixelRatio 同樣值有3個（0.75,1,1.5對應3種解析度）
JS中查詢設備密度的方法
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中構建HTML5應用
使用WebView控制項 與其他控制項的使用方法相同 在layout中使用一個<WebView>標簽
WebView不包括導航欄，地址欄等完整瀏覽器功能，只用於顯示一個網頁。
② 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中找到的線索。
③ android 如何使用Google vr sdk來引用本地中，使用Pano2VR導出的HTML5頁面
HTML 5 有兩大特點：首先，強化了 Web 網頁的表現性能。其次，追加了本地資料庫等 Web 應用的功能。廣義論及HTML5時，實際指的是包括HTML、CSS和JavaScript在內的一套技術組合。它希望能夠減少瀏覽器對於需要插件的豐富性網路應用服務（plug-in-based rich internet application，RIA)，如Adobe Flash、Microsoft Silverlight，與Oracle JavaFX的需求，並且提供更多能有效襪亂增強網路應用的標准集。HTML5技扒前術相對於flash插件優勢就是，更清晰，更流暢，對CPU的佔用更低，目前蘋果的IOS系統比如IPHONE,IPAD不支持flash,而我們某些三維全景輸出格式以flash格式居多，那如何讓蘋果系統運行他呢？今天手把手教你如何轉換成HTML5格式，並把他們完全安裝到IPAD上．
1．打開我們常見的PXX軟體：
2．進入參數設置頁面：首先建立一個HTML5文件存放的目錄，我的是F盤下面HTML5文件夾
選擇保存到你創建的目錄．
3.然後設置HTML選項，（圖三）
把輸出文件選在創建的文件夾．
4.好了，設置OK，確定後開始創建吧！進度條完成後打開HTML5目錄．可以看到這些內容你可以運行INDEX．HTML文件了，如果不出意外的話可以看到你的全景，提示錯誤的話，用火狐或谷歌瀏覽器打開，或者升級這個PXX軟體到最新版．告此檔
這是IMAGES的內容
④ 安卓系統有什麼支持HTML5 的瀏覽器嗎
安卓5以上的系統自帶瀏覽器。