最近在做一个一个项目，Android通过WebView加载H5链接，达到混合开发的目的。其中也遇到了一些有趣的问题，主要分为三点：
1.webview加载的时候，一些属性的设置。
2.Android和H5端进行数据的交互。
3.通过weview全屏播放视频。
一，webview属性设置：
图1-webview属性
图1就是这些属性的设置，其中比较重要的就是setJavaScriptEnabled(true)，这个属性是设置webview允许执行js脚本。
图中红线圈着的属性是是否开启本地DOM存储，这个是为了解决weview加载的时候白屏或者显示一直加载中问题而设置的（知识点啊，亲）。
二，Android和H5的数据交互
首先，我们先说一下功能，点击H5界面在Android本地实现第三方登录， 这分为两个过程，一是点击h5界面跳向第三方登录界面，二是登录成功后把登录信息返回给h5界面。前者是H5调用Android代码，后者是Android调用H5的代码。
（1）H5调用Android
我们这里使用的是通过WebView的addJavascriptInterface（）进行对象映射，首先我们新建一个用于传递的对象LoginAndroidtoJS
我们在这个实体类里写下让h5端可以调用的方法，注意，我们要写上@JavascriptInterface注解，这样h5端才能拿到这个方法。为了更加方便的实现功能，我把h5调用的方法回调到Activity里，下面是Activity实现的代码：
addJavaScriptInterface()方法，第一个参数是我们android端的要传的对象，第二个是传到JS端，他们可以使用的对象。
在这里提醒一点，这里对象的引用只能用一个，我曾经在回调和传对象的时候都是new LoginAndroidtoJS(),然后回调失效。（这是我犯的错误，大家引以为戒）
以上是我们android端的代码，JS端要想调用这个方法，其实很简单，只需要在第三方登录图标的点击事件里写下：test.jump();
（2）Android调用h5
登录成功后，android端获取用户信息，然后把它传给H5；
核心代码就是mWebView.loadUrl("javascript:showInfoFromJava('" + msg +"')");showInfoFromJava是js端定义的方法。
这里的实现参考了这篇文章https://www.jianshu.com/p/e8cafd11ead9，十分感谢。
现在我们说一下js端的实现，我们首先要在methods定义这个方法
methods：{
showInfoFromJava（msg）{}
}
然后在mounted方法里初始化
mounted:{
window.showInfoFromJava=this.showInfoFromJava
}
网友评论