androidhtml5源码
Ⅰ 怎样 用html5开发android app
下载安装MyEclipse2014，Android SDK，eclipse(需配置Android开发环境)
Java和Android环境安装与配置，将另写经验分享，读者也可网络参考其他相关资料，自行安装
打开MyEclipse2014，新建一个HTML5 Mobile Application Project，命名，例如：hello
html5程序在工程www目录下编辑；
编辑好我们的html5程序，下面就要开始学习打包了
这里介绍两种打包方式：1、PhoneGap Build Service 打包
PhoneGap官网有相关教程可参考，不具体介绍
2、android SDK +eclispe 打包
android SDK +eclispe 打包(前提已配置好，android开发环境)：
Step1、启动eclipse，新建Android Application Project，即Android工程，命名，例如：hello
Step2、将前面Myeclipse2014中编辑好的HTML5程序(www整个目录）拷至刚刚在eclipse新建hello工程对应assets目录下面
Step3、下面要做的就是如何将我们的HTML5程序在Android应用中启动，这里我们要使用Android系统自带的WebView控件（具体信息参考Adroid开发文档）---在工程下找到res->layout->activity_main.xml并打开，向里面插入WebView控件，编辑好自己想要的样式
Step4、在主程序入口，用刚刚编辑好的WebView控件将HTML5程序引入，此时，主体功能已实现，编译工程即可得到apk
Ⅱ android嵌入html5 不能运行js代码
webview.getSettings().setJavascriptEnable(true);
Ⅲ HTML5会不会威胁Android的开发
不会威胁Android的开发，从以下几点考虑：
1、 html5有它的优点，可以跨平台使用，一次编码适配多种平台，但它的缺点是性能没办法和原生相比。
2 、 从市场需求来说，一般公司又都会配备前端工程师，和移动工程师，是两个不同的岗位，有着自己的业务范围。
3 、现在比较流行混合开发，Android代码调用Html5页面，两种岗位可以很好的协同工作
4、 从适配多手机来说，Html5的方案远没有Android官方来的成熟
不管是Android也好，还是HTML5也好，都是有自己的领域，两个平台是可以更好的协同发展，并没有谁影响谁的概念。
Ⅳ HTML5能取代Android和iOS应用程序吗
纠正一下，HTML5和Android和iOS不是平等关系，他是一种语言，只能和JAVA及OC对等
下面回答，不能，至少短期内（个人认为5~10年），原因如下：
1、Android是谷歌的，iOS是苹果的，各家有各家的利益
2、Android主流开发语言是JAVA，iOS是OC，为什么，OC是iOS的专用语言这个暂且不说，而之所以Android使用JAVA是看中了之前做J2EE和J2SE等，大量的JAVA开发人员，之所以Android火起来，不单是Android开源（使手机生产商的生产成本下降），更是大量的JAVA开发人员能够快速的进入这个新兴平台，从技术上（可以理解为大量的App发布）推动Android进步
3、成本问题，以上两点其实都在说这个问题，用HTML5取代JAVA和OC，首先要考虑人力成本问题，要有大量HTML5开发人员这个前提条件，否则用人单位不会为此付出更多的人力成本和风险成本（主要的，会不会开发出来的东西效果很垃圾），而谷歌和苹果开发Android和iOS更是花费了极大的成本，他们也不会愿意看到自己的成果被别人窃取而损害自己的利益
4、性能问题，其实还是从成本角度出发，HTML5这个东西他再厉害是跑在浏览器上的，谷歌和苹果怎么可能在损害自己利益的情况下，还会花大价钱开发更高级的浏览器以适应HTML5（把HTML5跑的和应用程序一样快），如果系统内置的浏览器达不到那个量级，外置浏览器都是扯淡，所以你会看到，HTML5好不好，很好，但是在Android和iOS上和原生应用程序比较，他就是慢，就是山寨，各种特效都出不来的情况下还谈什么HTML5
5、开发者问题，也是相辅相成的，看看现在市面上有几个喜欢做WEB前端的就知道了，人才很少，价格很低（我也在招人，有感而发），这就导致更少的人去学去做，更不要说在Android和iOS平台上，HTML5要适应这两个平台的规则，比如JS回调要在JAVA中执行的问题，这就导致你要学习HTML5就要多学习Android，那我为什么不直接学Android，种种原因会导致HTML5（在手机平台）的开发者短期内不会爆发式增长（多说一嘴，要解决这个问题，两种可能，1、像Android，原本就有那么多JAVA开发者，而且这些JAVA开发者还做过手机，2、用人单位普遍的觉得HTML5好，从而愿意花大价钱聘请HTML5开发者，从而抬高整体行业薪资，使跟风者不绝。目前看这两种可能性都不存在）
6、语言成熟度，语言成熟度不是说SDK第几版，语言本身是否还有漏洞这种问题，成熟度本身的意味其实就是“人”和“库”，是“能否进行快速开发”，比如php效率低下，为什么这么火，价格这么高，原因是漫天的完整源码、框架、库，是大量的有丰富经验的开发者，是“快速开发”。HTML5？还差的太远！所谓“成熟”，还得时间的积累
综上，HTML5很新很火，那是在PC WEB平台，开发者少，收入不高，在Android和iOS平台上运行效率低，开发风险高，不成熟，所以我说“不能，至少短期内（个人认为5~10年）”
原创哦，亲，纯手打的，给个赞吧~
Ⅳ 如何利用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的本地数据库
解决方案1：
通过将Apache Cordova或嵌入的WebView指向一个托管于互联网的网页来构建的app只能提供可怜的用户体验、分辨率。
HTML5支持跨平台，诸如 Intel XDK new IDE，HTML5使得处理这庞大而多样的Android设备队伍变得快速而简单。更添其复杂性的是分辨率范围从240×320跨到2560×1600。这类布局能良好运行, run any where（只写一次。这无疑让开发人员置身于一个尴尬境地，现在在平板电脑领域享有多数市场份额（53%），诸如摄像机和加速计，你要用最新最好的SDK，就放弃它开始关注新硬件了。这将允许你的app在异步更新时。
有了HTML5。
庞大的Android设备队伍
在Android设备运行的不同不仅仅是表面上的。它即时响应的能力很适合现在数不胜数的安卓设备屏幕尺寸，你的app将不能在2、Intel等制造。
好在HTML5提供一个更好的途径来处理尺寸大小的问题——用响应设计。让Android有如此热度的一部分因素是其多样性。你可以用强大的它来构建你的app。为了保持你的app以最快的速度响应，无视Android操作系统版本，原生Android SDK可能不会兼容什么特别设备。
大多数移动app从互联网服务器上加载和保存数据。你第一次用HTML5取代、CPU架构和操作系统版本等。
“服务员，根据OpenSignal对超过五十万台Android设备中，当然，小至三星的新齿轮智能手表，名为Gingerbread（姜饼2，从而使它能够在用户点击后就运行、Windows Phone等移动操作系统上，是它支持着大多数智能手机，没有标准的HTL5界面，这包括定义你的app图标，立即渲染其UI.1%）.3 x）的版本依然占据着最大市场份额（34。一些交互编译器可以允许创建针对Android和iOS的app、iOS，HTML5应用通常托管于Apache Cordova （aka PhoneGap）内;值存储，是出了名地衰，还要你的app在没有服务器端生成HTML的情况下工作、加载屏幕和提供JavaScript来访问原生操作系统硬件。制造商发布设备。为获得接近于原生的速度、CSS和JavaScript上提供一种美妙的体验。
要访问原生操作系统功能，在更小的屏幕上缩小或消除那些并不重要的元素。一方面.0 SDK（冰淇淋三明治）开发app。如果你的app每次都需要用户通过点击一些东西来下载用户界面；而依据Canalys的调研。
HTML5应用绝对需要被安装到设备上，深度嵌套的HTML表格。因此，你不用再纠结于选择。
Android SDK是操作系统特定的！
结论
HTML5允许你写一次应用程序并快速部署它到几乎现有的每个操作系统。几乎每个用户都有一个的Android设备的尺寸和形状，另一方面。
当如此多样的设备让用户欢喜时，即便是重新调整屏幕.ASPX或PHP来开启一个新项目将需要十足的信仰之外。不幸，如果你想要依据用户需求滚动到视图中查看app？Android同样满足你。
移植到其它平台
Java的愿景是“write once，哪儿都能跑）”，还支持网页。也就是说、MediaTek，带有尽可能少的嵌套级别标签。
在诸如Android，想要一个13英寸带可拆卸键盘的平板电脑、文件系统IO甚至通过地理定位访问GPS的强大APIs。
HTML5提供APIs来做很多通常被认为是原生操作系统功能的事情，任何Android设备的心脏部分都是CPU由Qualcomm。HTML5包含对于键/。
HTML的复杂性使得关于渲染你的用户界面需要多少CPU cycles有了很大不同，大至13英寸或更大的平板电脑，出于种种原因，最好是保持你的HTML尽可能地结构简单化。
当响应设计正确完成时，这是在任何操作系统上解决屏幕尺寸/，用户就对跨平台的app有了流畅的体验、PowerVR、NVidia，它也为开发人员带来了不少头疼的麻烦。幸运的是。响应设计是由CSS Media Queries所增强的简单结构的HTML在更大的屏幕利用更多的空间。屏幕尺寸.3（姜饼）上运行，你可能得用线形布局或网格视图，如果它们是被精心无误地制作处理的。
各种形状和大小
Android设备有着各种尺寸，你将要在本地存储一个缓存数据并异步刷新你的数据，但只有HTML5能在移动操作系统和互联网浏览器上运行，你所有的HTML5，如果你用4，我的冻酸奶里面有果冻豆”
Android初次广泛登台是在2009年，这为Android开发人员营造了挑战、JavaScript和CSS都必须安装在本地设备上，你要app得到尽可能多的下载，都会为开发人员创建原生Android app带来挑战，你可以在Android使用HTML开放式架构。举个例子说，一般只对操作系统更新一两次，Apache Cordova充当将你的HTML5联系到原生操作系统的角色。
要解决这个问题;分辨率问题的最好办法。凭借大量可用的工具。取决于你的app需要用到哪个操作系统的特性，这是不可能满足他们“即时响应”的期望的。
开启你的浏览器
HTML5应用的性能可以无限接近于原生性能。 Apache Cordova framework提供一个界面让你的app在任何设备上访问原生操作系统资源，Android是全球最受欢迎的移动操作系统
Ⅶ Android webview html5地理定位
我查看了下源码解决了，主要代码如下：//启用数据库webSettings.setDatabaseEnabled(true);Stringdir=this.getApplicationContext().getDir("database",Context.MODE_PRIVATE).getPath();//启用地理定位webSettings.setGeolocationEnabled(true);//设置定位的数据库路径webSettings.setGeolocationDatabasePath(dir);//最重要的方法，一定要设置，这就是出不来的主要原因webSettings.setDomStorageEnabled（true）//配置权限（同样在WebChromeClient中实现）(Stringorigin,GeolocationPermissions.Callbackcallback){callback.invoke(origin,true,false);super.(origin,callback);}配置权限：<uses-permissionandroid:name="android.permission.ACCESS_FINE_LOCATION"/><uses-permissionandroid:name="android.permission.ACCESS_COARSE_LOCATION"/>
Ⅷ 怎么用html5开发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的属性如下
Html代码
<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" />
在一个样式表中，指定不同的样式
Html代码
#header {
<SPAN style="WHITE-SPACE: pre"> </SPAN> background:url(medium-density-image.png);
}
@media screen and (-webkit-device-pixel-ratio: 1.5) {
// CSS for high-density screens
#header {
background:url(high-density-image.png);
}
}
@media screen and (-webkit-device-pixel-ratio: 0.75) {
// CSS for low-density screens
#header {
background:url(low-density-image.png);
}
}
Html代码
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width" />
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不包括导航栏，地址栏等完整浏览器功能，只用于显示一个网页
在WebView中加载Web页面，使用loadUrl()
Java代码
WebView myWebView = (WebView) findViewById(R.id.webview);
myWebView.loadUrl("http://www.example.com");
注意在manifest文件中加入访问互联网的权限：
Xml代码
<uses-permission android:name="android.permission.INTERNET" />
在Android中点击一个链接，默认是调用应用程序来启动，因此WebView需要代为处理这个动作 通过WebViewClient
Java代码
//设置WebViewClient
webView.setWebViewClient(new WebViewClient(){
public boolean shouldOverrideUrlLoading(WebView view, String url) {
view.loadUrl(url);
return true;
}
public void onPageFinished(WebView view, String url) {
super.onPageFinished(view, url);
}
public void onPageStarted(WebView view, String url, Bitmap favicon) {
super.onPageStarted(view, url, favicon);
}
});
这个WebViewClient对象是可以自己扩展的，例如
Java代码
private class MyWebViewClient extends WebViewClient {
public boolean shouldOverrideUrlLoading(WebView view, String url) {
if (Uri.parse(url).getHost().equals("www.example.com")) {
return false;
}
Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
startActivity(intent);
return true;
}
}
之后：
Java代码
WebView myWebView = (WebView) findViewById(R.id.webview);
myWebView.setWebViewClient(new MyWebViewClient());
另外出于用户习惯上的考虑 需要将WebView表现得更像一个浏览器，也就是需要可以回退历史记录
因此需要覆盖系统的回退键 goBack，goForward可向前向后浏览历史页面
Java代码
public boolean onKeyDown(int keyCode, KeyEvent event) {
if ((keyCode == KeyEvent.KEYCODE_BACK) && myWebView.canGoBack() {
myWebView.goBack();
return true;
}
return super.onKeyDown(keyCode, event);
}
Java代码
WebView myWebView = (WebView) findViewById(R.id.webview);
WebSettings webSettings = myWebView.getSettings();
webSettings.setJavaScriptEnabled(true);
Ⅸ 如何将html5程序打包成Android应用
将HTML5打包为Android应用可以使用HBuilder
下载安装完毕后操作步奏如下：
点击文件->新建->新建移动APP
Ⅹ 安卓webview对html5支持怎么样
安卓webview完美支持html5.
提供下思路
mWebView.setWebChromeClient(new WebChromeClient() { public void openFileChooser(ValueCallback<Uri> uploadFile, String acceptType) { });复制代码
可以阅读下WebChromeClient的源码，我就摘抄下吧
/**
* Tell the client to open a file chooser.
* @param uploadFile A ValueCallback to set the URI of the file to upload.
* onReceiveValue must be called to wake up the thread.a
* @param acceptType The value of the 'accept' attribute of the input tag
* associated with this file picker.
* @hide
*/如果不管用添加这个方法
public void openFileChooser(ValueCallback<Uri> uploadFile, String acceptType,String capture)
因为Android API变化了。