最近公司有个项目,是html5写的移动应用,但是在android 手机上需要增加分享和导航的2个功能,即用户点击js中对应的图标,android端要实现相应的功能,也就是js调用android本地方法。这些我就不多说了。网上搜索会有很多的demo。
但是就在我通过网上一些教程写的代码中发现,js调用本地方法并不能成功。
//支持js
mWebView.getSettings().setJavaScriptEnabled(true);
//设置背景颜色 透明
mWebView.setBackgroundColor(Color.argb(0, 0, 0, 0));
//设置本地调用对象及其接口 前面的是本地需要被调用的方法的对象,后面的是这个类的别名。js中会使用这个别名来调用本地方法。
mWebView.addJavascriptInterface(new JavaScriptObject(mContext), "myTest");
后来通过摸索发现我的手机是api19的,网上有提示到api大于17 的我们需要做一些操作。
//api 大于17 需要加注解 不然会无效
@JavascriptInterface
public void localShareWX(String name) {
Toast.makeText(mContxt, "微信分享成功", Toast.LENGTH_SHORT).show();
}
另外有一个比较好的用来部署html 的软件,叫everything ,通过打开
tools–>options–>HttpServer 把enable HttpServer 勾选上,然后设置一个不被占用的端口。在浏览器中输入 127.0.0.1加上对应的端口号,80就不用输了。然后打开你写好的html页面,那么这个就是你的html的url了。将手机和pc处于同意局域网,然后将127.0.0.1改成pc的ip:可通过ipconfig 查看。最后将此url输入到你的webView中:
//载入js
mWebView.loadUrl("http://192.168.188.161/C%3A/Users/moram/Desktop/test.html");
这样就可以模拟访问了。
最后有一个你较好的webView开源项目。webViewBridge。具体地址如下:
https://github.com/alinz/react-native-webview-bridge