public class MainActivity extends AppCompatActivity {
WebView mWebView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mWebView = (WebView) findViewById(R.id.webView);
WebSettings webSettings = mWebView.getSettings();
// 设置与Js交互的权限
webSettings.setJavaScriptEnabled(true);
// 设置允许JS弹窗
webSettings.setJavaScriptCanOpenWindowsAutomatically(true);
mWebView.addJavascriptInterface(this, "app");//对应js中的app.xxx
// 先载入JS代码
mWebView.loadUrl("http://www.more-print.com/api/dealer/index");
mWebView.setWebViewClient(new WebViewClient(){
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
view.loadUrl(url);
return true;
}
});
}
@JavascriptInterface
public void scan(String msg){
//对应js中xxx.scan("")
Toast.makeText(this,msg,Toast.LENGTH_LONG).show();
//
mWebView.post(new Runnable() {
@Override
public void run() {
// 注意调用的JS方法名要对应上
// 调用javascript的callJS()方法
mWebView.loadUrl("javascript:scanQRCallBack("+"20171205"+")");
}
});
}
}
export default {
data() {
return {
}
},
// 将vue组件的要回调的函数暴露出去
mounted:function(){
// 将subscanQRCallBack方法绑定到window下面,提供给外部调用
window.scanQRCallBack = this.subscanQRCallBack
},
methods: {
scan(){
// alert('开始扫码了')
window.app.scan('OS与js交互') // 通过window调用app提供的client对象
},
subscanQRCallBack(result){
alert('扫码结果:'+result);
},
}
}