h5android

㈠ 如何将h5程序打包成android应用

H5开发的web APP和原生APP的区别有以下几个方面： 一、开发方面 原生App ⊙ 每一种移动操作系统都需要独立的开发项目 ⊙ 每种平台都需要独立的开发语言。java(Android), Objective-C(iOS)以及VisualC++(Windows Mobile)等等 ⊙ 需要使用各自的软件开发包，开发工具以及各自的控件 移动Web App ⊙ 因为运行在移动设备的浏览器上，所以只需要一个开发项目 ⊙ 这种应用可以使用HTML5,CSS3以及JavaScript以及服务器端语言来完成（PHP,Ruby on Rails,Python） ⊙ 这里可没有标准的SDK，基本任意选择别忘了有一些跨平台的开发工具，比如PhoneGap, Sencha Touch 2，APPcan以及Appcelerator Titanium等等。 二、能力方面 原生App ⊙ 能够与移动硬件设备的底层功能，比如个人信息，摄像头以及重力加速器等等 移动Web App ⊙ 只能使用有限的移动硬件设备功能。 三、获取方法 原生App ⊙ 直接下载到设备 ⊙ 以独立的应用程序运行(并不需要浏览器) ⊙ 用户必须手动去下载并安装这些原生App ⊙ 有一些商店与卖场来帮助用户寻找你的App，目前app市场不计其数 移动Web App ⊙ 从移动设备上的浏览器访问 ⊙ 不需要安装额外的软件 ⊙ 软件更新只需要服务器就够了 ⊙ 因为现在没有什么商品或卖场提供这种App，所以如何搜索这些移动Web App相当不简单。 四、版本控制 原生App ⊙ 用户可以自由地选择是否更新软件版本，所以会出现不同用户同时使用不同版本的情况 移动Web App ⊙ 所有的用户都是用同样的版本 五、优势 原生App ⊙ 比移动Web App运行快 ⊙ 一些商店与卖场会帮助用户寻找原生App ⊙ 官方卖场的应用审核流程会保证让用户得到高质量以及安全的App ⊙ 官方会发布很多开发工具或者人工支持来帮助你的开发 移动Web App ⊙ 跨平台开发 ⊙ 用户不需要去卖场来下载安装App ⊙ 任何时候都可以发布App，因为根本不需要官方卖场的审核 ⊙ 如果你已经有了一个Web App，你可以使用 responsive web design来辅助改进 六、缺陷 原生App ⊙ 开发成本高，尤其是当需要多种移动设备来测试时 ⊙ 因为是不同的开发语言，所以开发，维护成本也高 ⊙ 因为用户使用的App版本不同，所以你维护起来很困难 ⊙ 官方卖场审核流程复杂且慢，会严重影响你的发布进程 移动Web App ⊙ 无法使用很多移动硬件设备的独特功能 ⊙ 要同时支持多种移动设备的浏览器让开发维护的成本也不低 ⊙ 如果用户使用更多的新型浏览器，那问题就更不好处理了 ⊙ 对于用户来说，这种App很难被用户发现 附：原生App 与 移动Web App:您如何选择？ 所以在你准备做移动App时，你应该先问问自己以下几个问题： 1. 你的应用是否需要使用某些设备的特殊功能，比如摄像头，摄像头闪光灯或者重力加速器 2. 你的开发预算是多少？ 3. 你的应用是否一定需要网络 4. 你的应用的目标硬件设备是所有的移动设备还是仅仅只是一部分而已 5. 你自己已经熟悉的开发语言 6. 这个应用对于性能要求是否苛刻 7. 如何靠这个应用赢利

㈡ h5怎么打开android app

如果你是自己开发的app嵌套的webview打开的h5，h5和app交互一下，通过自己的app打开其他的app很简单，但是你要是从UC浏览器访问个自己的h5，再点击某个按钮打开手机上的app是做不到的。

㈢ android h5什么意思

html5，其实就是在android上用网页代替原生技术开发

㈣ android嵌入h5，怎么交互

Android和H5之间的交互
hybrid App开发也不是什么新鲜事了，其中native和h5之间的交互则是必不可少的。Android中是如何和H5交互的？
1、webView加载页面
我们都知道在Android中是通过webView来加载html页面的，根据HTML文件所在的位置不同写法也不同：
//例如：加载assets文件夹下的test.html页面
mWebView.loadUrl("file:///android_asset/test.html")
//例如：加载网页
mWebView.loadUrl("http://www..com")

如果只是这样调用mWebView.loadUrl()加载的话,那么当你点击页面中的链接时，页面将会在你手机默认的浏览器上打开。那如果想要页面在App内中打开的话，那么就得设置setWebViewClient：
mWebView.setWebViewClient(new WebViewClient() {
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
mWebView.loadUrl(url);
return true;
}
}
});

2、Android本地通过Java调用HTML页面中的JavaScript方法
想要调用js方法那么就必须让webView支持
WebSettings webSettings = mWebView.getSettings();
//设置为可调用js方法
webSettings.setJavaScriptEnabled(true);

若调用的js方法没有返回值，则直接可以调用mWebView.loadUrl("JavaScript:do()");其中do是js中的方法；若有返回值时我们可以调用mWebView.evaluateJavascript()方法：
mWebView.evaluateJavascript("sum(1,2)", new ValueCallback<String>() {
@Override
public void onReceiveValue(String value) {
Log.e(TAG, "onReceiveValue value=" + value);
}
});

js代码如下：
<script type="text/javascript">
function sum(a,b){
return a+b;
}
function do(){
document.getElementById("p").innerHTML="hello world";
}
</script>

2、js调用Android本地Java方法
在Android4.2以上可以直接使用@JavascriptInterface注解来声明，下面是在一个本地Java方法
public class JsInteration {
@JavascriptInterface
public String back() {
return "hello world";
}
}

定义完这个方法后再调用mWebView.addJavascriptInterface()方法：
mWebView.addJavascriptInterface(new JsInteration(), "android");

那么在js中怎么来调用呢？
<script type="text/javascript">
function s(){
//调用Java的back()方法
var result =window.android.back();
document.getElementById("p").innerHTML=result;
}

</script>

4、拦截HTML页面中的点击事件
mWebView.setWebViewClient(new WebViewClient() {
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
//判断url拦截事件
if (url.equals("file:///android_asset/test2.html")) {
Log.e(TAG, "shouldOverrideUrlLoading: " + url);
startActivity(new Intent(MainActivity.this,Main2Activity.class));
return true;
} else {
mWebView.loadUrl(url);
return false;
}
}
});

以上就是Java调用js方法以及js调用Java方法的实现交互方式中的一种。下面给出完整代码：
mainActivity
public class MainActivity extends AppCompatActivity {
public static final String TAG = "MainActivity";
private WebView mWebView;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mWebView = (WebView) findViewById(R.id.webView);
mWebView.loadUrl("file:///android_asset/test.html");
WebSettings webSettings = mWebView.getSettings();
webSettings.setJavaScriptEnabled(true);
mWebView.addJavascriptInterface(new JsInteration(), "android");
mWebView.setWebViewClient(new WebViewClient() {
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
if (url.equals("file:///android_asset/test2.html")) {
Log.e(TAG, "shouldOverrideUrlLoading: " + url);
startActivity(new Intent(MainActivity.this,Main2Activity.class));
return true;
} else {
mWebView.loadUrl(url);
return false;
}
}
});
}
//Android调用有返回值js方法
@TargetApi(Build.VERSION_CODES.KITKAT)
public void onClick(View v) {

mWebView.evaluateJavascript("sum(1,2)", new ValueCallback<String>() {
@Override
public void onReceiveValue(String value) {
Log.e(TAG, "onReceiveValue value=" + value);
}
});
}
public class JsInteration {

@JavascriptInterface
public String back() {
return "hello world";
}
}
}

test.html
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript">
function sum(a,b){
return a+b;
}
function s(){
var result =window.android.back();
document.getElementById("p").innerHTML=result;
}

</script>
</head>
<body>
<button onclick="s()">调用本地方法</button>
<a href="file:///android_asset/test2.html">点击</a>
<p id="p"></p>
</body>
</html>

㈤ androd H5混合开发 当无网络下，android怎么加载H5界面

H5开发安卓界面需要注意以下三点：（上）包括Android设备多分辨率的问题，Android中构建HTML5应用程序基础（中）包括Android与JS之间的互动，Android处理JS的警告对话框等，Android中的调试（下）包括本地储存在Android中的应用，地理位置的应用，离线应用的构建进入正题●Android设备多分辨率的问题Android浏览器默认预览模式浏览会缩小页面WebView中则会以原始大小显示Android浏览器和WebView默认为mdpi。hdpi相当于mdpi的1.5倍ldpi相当于0.75倍三种解决方式：1viewport属性2CSS控制3JS控制1viewport属性放在HTML的中html代码：Exmaplemeta中viewport的属性如下：2CSS控制设备密度为每种密度创建独立的样式表（注意其中的webkit-device-pixel-ratio3个数值对应3种分辨率）html代码：3JS控制Android浏览器和WebView支持查询当前设别密度的DOM特性window.devicePixelRatio同样值有3个（0.75,1,1.5对应3种分辨率）JS中查询设备密度的方法js代码：if(window.devicePixelRatio==1.5){alert("Thisisahigh-densityscreen");}elseif(window.devicePixelRation==0.75){alert("Thisisalow-densityscreen");}Android中构建HTML5应用使用WebView控件与其他控件的使用方法相同在layout中使用一个标签WebView不包括导航栏，地址栏等完整浏览器功能，只用于显示一个网页。

㈥ h5怎样调用android的api

1)首先在桌面找到并点击进入【设置】，找到并点击进入【高级设置】。
2)在【高级设置】中找到并点击进入【家长控制】，然后就进入家长控制介绍界面。
3)按照说明设置后，点击【开始使用】。
4)跳转到【用户协议】，阅读完成后点击【同意】，进入【设置家长密码】输入账户和密码点击【下一步】。
5)开启【家长控制】后找到并点击进入【受限应用设置】中开启受限应用。

㈦ 移动端h5开发 分ios和android么

h5开发开发的应用是纯html写的,不需要分ios 还是android, 但是最终需要ios或者android来打包成不同平台的应用程序包, 通常不同的h5框架都有不同的打包方式或者打包平台.

㈧ android为什么要用h5做界面

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不包括导航栏，地址栏等完整浏览器功能，只用于显示一个网页。