android与h5交互
㈠ 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>
㈡ h5做app和原生app有什么区别
原生app和h5做的app的区别：
1、开发方面的区别
目前React Native开发越来越火，微信小程序是基于React Native开发的，体验接近原生APP，发展前景值得重视。不过好在现在非原生APP同样可以调用蓝牙、相机等硬件，也能顺利发布到苹果APP store。
移动Web App
1、因为运行在移动设备的浏览器上，所以只需要一个开发项目
2、这种应用可以使用HTML5,CSS3以及JavaScript以及服务器端语言来完成(php,Ruby on Rails,Python)
3、这里可没有标准的SDK，基本任意选择别忘了有一些跨平台的开发工具，比如PhoneGap, Sencha Touch 2以及Appcelerator Titanium等等。
原生App
1、每一种移动操作系统都需要独立的开发项目
2、每种平台都需要独立的开发语言。Java(Android), Objective-C(iOS)以及Visual C++(Windows phone)等等
3、需要使用各自的软件开发包，开发工具以及各自的控件
2、能力方面的区别
移动Web App
只能使用有限的移动硬件设备功能。
原生App
能够与移动硬件设备的底层功能，比如个人信息，摄像头以及重力加速器等等。对于这一点感触很深刻，2016年做新年H5营销小活动的时候，就是因为没有考虑到H5不能使用移动硬件端重力加速器而导致临时替换设计方案。
3、获取方法的区别
移动Web App
1、从移动设备上的浏览器访问
2、不需要安装额外的软件
3、软件更新只需要服务器就够了
4、因为现在没有什么商品或卖场提供这种App，不过一般都是嵌套在系统内部，或者内部系 统中使用
5、跨平台开发，用户不需要去卖场来下载安装App
6、需要过度依赖网络，没有任何缓存数据
7、任何时候都可以发布App，因为根本不需要官方卖场的审核
8、如果你已经有了一个Web App，你可以使用 responsive web design来辅助改进
9、所有的用户都是用同样的版本
原生App
1、直接下载到设备
2、以独立的应用程序运行(并不需要浏览器)
3、用户必须手动去下载并安装这些原生App
4、有一些商店与卖场来帮助用户寻找你的App，app store里面应有尽有。
5、原生型APP应用的安装包相对较大，包含UI元素、数据内容、逻辑框架;
6、手机用户无法上网也可访问APP应用中以前下载的数据。
7、原生型的APP可以调用手机终端的硬件设备(语音、摄像头、短信、GPS、蓝牙、重力感应等)
8、APP应用更新新功能，涉及到每次要向各个应用商店进行提交审核。
9、用户可以自由地选择是否更新软件版本，所以会出现不同用户同时使用不同版本的情况
如果企业选择商领云进行定制开发原生app，需要单独开发两套系统即ios和安卓系统。如果是通过商领云的在线制作app，则可以同时生成ios和安卓系统的app，并且还可以制作小程序、移动网站和微商城，非常方便，而且价格也只需几万左右，具体需要看功能需求。
㈢ 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年）”
原创哦，亲，纯手打的，给个赞吧~
㈣ h5怎么打开android app
如果你是自己开发的app嵌套的webview打开的h5，h5和app交互一下，通过自己的app打开其他的app很简单，但是你要是从UC浏览器访问个自己的h5，再点击某个按钮打开手机上的app是做不到的。
㈤ android h5 交互怎么跳转
是要拦截 点击事件吗？
拦截的话有两种办法
一个是 获取点击事件的标签
二：截取url
webView.setWebViewClient(new WebViewClient() {
@Override
public void onLoadResource(WebView view, String url) {
super.onLoadResource(view, url);
if (url.contains("拦截的网址") ) {
}
}
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
// 重写此方法表明点击网页里面的链接还是在当前的 webview里跳转，不跳到浏览器那边
view.loadUrl(url);
// if(url.contains("拦截的网址")){
//
// }else{
//
// }
Log.e("loadUrl", "" + url);
return true;
}
@Override
public void onReceivedSslError(WebView view,
SslErrorHandler handler, SslError error) {
// TODO Auto-generated method stub
super.onReceivedSslError(view, handler, error);
handler.proceed();
//handler1.sendEmptyMessage(0);
}
});
㈥ 淘宝，京东这种商城的APP都是用Android+h5语言来开发的吗
一般比较大的平台都会采用Android原生+h5混合开发，这样能取各方面的优点；
原生开发可以访问设备中的所有功能，运行速度更快，性能更高，而且可以启用优秀的离线处理和存储能力等等，提供最佳的用户体验，最优质的用户界面，最华丽的交互。
原生开发的缺点在逐渐的开发、运营过程中显现出来。开发成本高，不同平台需要定制不同的app，也就是android定制apk，ios定制app，开发人员需要多平台多语言，人力成本、时间成本较多，通用性差；
H5开发是Html5开发的app，本质上运行在手机浏览器中的页面，一般使用app做一个壳套用浏览器运行H5的页面，由于H5的特性也有很多app使用半原生半H5的hybird app 开发模
H5有许多优点，特别针对原生开发的缺点。如：
直接在网页上调试和修改，几乎不用考虑用户机型和适配的问题，针对原生开发的平台碎片化、开发人力成本、时间成本高；版本升级优势，网页的升级与用户无关，用户无需下载更新安装，保证实时送达到用户手中；上线时间稳定、快速，不需要通过开发市场的审核，有收入分成的开发市场更是可以绕过收入分成。除此以外在视频媒体方面H5表现也十分优秀的。
H5的缺点有许多，当新技术出现时候许许多多的人都在吹嘘它的优点，到真正实用时才对它的缺点正视。H5加载大图片的时候性能会下降，大量用户访问同一个H5应用时性能会下降，响应速度比不上原生app，上网速度也不及原生app，H5不能自动处理动画上反复交互（网页游戏），需要借助css3、javascript。
㈦ h5使用window.webkit.messagehandlers.dofunction.postmessage怎么跟android交互
_rwWebView=[[WKWebView alloc]initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height)];
[_rwWebView.configuration.userContentController addScriptMessageHandler:self name:@"LoadScript"];
[_rwWebView.configuration.userContentController addScriptMessageHandler:self name:@"DoFunction"];
.
.
.
[self.view addSubview:_rwWebView];
NSURL *url=[[NSBundle mainBundle]URLForResource:@"index" withExtension:@"html"];
NSMutableURLRequest *tmpRequest=[[NSMutableURLRequest alloc] initWithURL:url];
tmpRequest.timeoutInterval=60;
[_rwWebView loadRequest:tmpRequest];
㈧ android和h5交互，js怎么在android端打印日志
Android和H5之间的交互hybridApp开发也不是什么新鲜事了，其中native和h5之间的交互则是必不可少的。Android中是如何和H5交互的？1、webView加载页面我们都知道在Android中是通过webView来加载html页面的，根据HTML文件所在的位置不同写法也不同：//例如：加载assets文件夹下的test.html页面mWebView.loadUrl("file:///android_asset/test.html")//例如：加载网页mWebView.loadUrl("")如果只是这样调用mWebView.loadUrl()加载的话,那么当你点击页面中的链接时，页面将会在你手机默认的浏览器上打开。那如果想要页面在App内中打开的话，那么就得设置setWebViewClient：mWebView.setWebViewClient(newWebViewClient(){@(WebViewview,Stringurl){mWebView.loadUrl(url);returntrue;}}});2、Android本地通过Java调用HTML页面中的JavaScript方法想要调用js方法那么就必须让webView支持WebSettingswebSettings=mWebView.getSettings();//设置为可调用js方法webSettings.setJavaScriptEnabled(true);若调用的js方法没有返回值，则直接可以调用mWebView.loadUrl("JavaScript:do()");其中do是js中的方法；若有返回值时我们可以调用mWebView.evaluateJavascript()方法：mWebView.evaluateJavascript("sum(1,2)",newValueCallback(){@(Stringvalue){Log.e(TAG,"onReceiveValuevalue="+value);}});js代码如下：2、js调用Android本地Java方法在Android4.2以上可以直接使用@JavascriptInterface注解来声明，下面是在一个本地Java方法publicclassJsInteration{@(){return"helloworld";}}定义完这个方法后再调用mWebView.addJavascriptInterface()方法：mWebView.addJavascriptInterface(newJsInteration(),"android");那么在js中怎么来调用呢？4、拦截HTML页面中的点击事件mWebView.setWebViewClient(newWebViewClient(){@(WebViewview,Stringurl){//判断url拦截事件if(url.equals("file:///android_asset/test2.html")){Log.e(TAG,"shouldOverrideUrlLoading:"+url);startActivity(newIntent(MainActivity.this,Main2Activity.class));returntrue;}else{mWebView.loadUrl(url);returnfalse;}}});以上就是Java调用js方法以及js调用Java方法的实现交互方式中的一种。下面给出完整代码：{publicstaticfinalStringTAG="MainActivity";privateWebViewmWebView;@OverrideprotectedvoidonCreate(BundlesavedInstanceState){super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);mWebView=(WebView)findViewById(R.id.webView);mWebView.loadUrl("file:///android_asset/test.html");WebSettingswebSettings=mWebView.getSettings();webSettings.setJavaScriptEnabled(true);mWebView.addJavascriptInterface(newJsInteration(),"android");mWebView.setWebViewClient(newWebViewClient(){@(WebViewview,Stringurl){if(url.equals("file:///android_asset/test2.html")){Log.e(TAG,"shouldOverrideUrlLoading:"+url);startActivity(newIntent(MainActivity.this,Main2Activity.class));returntrue;}else{mWebView.loadUrl(url);returnfalse;}}});}//Android调用有返回值js方法@TargetApi(Build.VERSION_CODES.KITKAT)publicvoidonClick(Viewv){mWebView.evaluateJavascript("sum(1,2)",newValueCallback(){@(Stringvalue){Log.e(TAG,"onReceiveValuevalue="+value);}});}publicclassJsInteration{@(){return"helloworld";}}}test.html调用本地方法点击
㈨ app内嵌的h5页面交互上 可以跳转打开app内的页面吗
可以的，具体我记不太清了，大致实现方法是进入H5页面，js判断是ios还是android或是h5，然后向ios和android索要起对应的方法，然后判断是否有这个方法，如果有就交还给app