如何利用html5开发android界面_CMS教程

H5开发安卓界面需要注意以下三点：

（上）包括Android设备多分辨率的问题，Android中构建HTML5应用程序基础

（中）包括Android与JS之间的互动，Android处理JS的警告对话框等，Android中的调试

（下）包括本地储存在Android中的应用，地理位置的应用，离线应用的构建

进入正题

● Android设备多分辨率的问题

Android浏览器默认预览模式浏览会缩小页面 WebView中则会以原始大小显示

Android浏览器和WebView默认为mdpi。hdpi相当于mdpi的15倍 ldpi相当于075倍

三种解决方式：1 viewport属性 2 CSS控制 3 JS控制

1 viewport属性放在HTML的<meta>中

html代码：

<title>Exmaple</title>

</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代码：

3 JS控制

Android浏览器和WebView支持查询当前设别密度的DOM特性

windowdevicePixelRatio 同样值有3个（075,1,15对应3种分辨率）

JS中查询设备密度的方法

js代码：

if (windowdevicePixelRatio == 15) {

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

} else if (windowdevicePixelRation == 075) {

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

}

Android中构建HTML5应用

使用WebView控件与其他控件的使用方法相同在layout中使用一个<WebView>标签

WebView不包括导航栏，地址栏等完整浏览器功能，只用于显示一个网页。

一般来说，html5的功能展示是依赖于浏览器的。浏览器提供了多少可调用的接口，使用html5就可以实现多少功能。但是浏览器一般不会实现html5完全访问或控制本地资源的权限，所以实现的功能还是有限的。\x0d\ 不过目前也有许多通过html5+css+js甚至结合其他语言实现的桌面程序。例如目前可以采用的方案举几个例子：\x0d\1、Node-WebKit\x0d\11 Node-WebKit能把HTML5应用打包成本地桌面应用，在Windows、Linux或Mac平台上，不需要其它依赖就可以独立运行你的HTML5应用。\x0d\12 支持Nodejs。可以使用Nodejs的所有模块来开发app或游戏。不仅可以使用Nodejs原生的模块，而且可以使用第三方的nodejs模块。\x0d\2、heX 是网易有道团队的一个开源项目，允许采用前端技术（HTML，CSS，JavaScript）开发桌面应用软件的跨平台解决方案。这个项目目前处于停滞状态。\x0d\3、自己开发一下基于浏览器框架的应用。例如基于谷歌浏览器核心，前端使用浏览器渲染功能结合html5+css+js,后端使用c++开发。

网页上的东西理论上都可以保存下来，除非网站特意做了限制。我刚看了这个地址，基本上没有刻意隐藏什么，所以，只要把所有内容都保存到本地，然后重新组织一下路径关系就可以。我没有试，但是绝对可以的。网上也有类似抓取网页到本地离线的工具，你可以找一下。

以上就是关于如何利用html5开发android界面全部的内容，包括:如何利用html5开发android界面、html5 能开发windows窗体程序吗、HTML5和webGL的内容如何拷贝本地来。等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/zz/9295224.html

如何利用html5开发android界面

发表评论

评论列表（0条）