webview和h5的交互

最新推荐文章于 2024-01-01 23:54:00 发布

吃饱了想睡

最新推荐文章于 2024-01-01 23:54:00 发布

阅读量6.7k

点赞数

分类专栏： Android

本文链接：https://blog.csdn.net/u013651405/article/details/52383396

版权

本文详细介绍了WebView与H5页面之间的交互方法，包括Java代码如何调用H5脚本，以及H5如何调用Java代码并传递参数。通过启用JavaScript、设置javascriptInterface以及在URL中加载JS函数，实现了两者之间的顺畅通信。

摘要由CSDN通过智能技术生成

现在APP中经常会发现很多很多的H5页面，所以webview与js的交互显得非常重要：

一.理论：

在交互这块我们会涉及到两个场景：一种是h5直接调用原生的，这个时候在原生这边登录成功后，我们会执行一段协商好的js代码，callback传递一些参数返回给h5；另外一种是原生登录成功后，服务端会返回给我们cookie，并利用框架的属性把这个cookie进行持久化，这样下次请求的时候则自带用户cookie，在请求url的时候我们在链接中拼接uid和token。

二.实例：

1. android中的java代码调用webview里面的js脚本：

要点：只需调用webview的loadUrl方法即可

   - // 启用javascript 
 
   - contentWebView.getSettings().setJavaScriptEnabled(true); 
 
   - // 从assets目录下面的加载htmlb 
 
   - contentWebView.loadUrl("file:///android_asset/wst.html"); 
 
   - 
 
   -               // 无参数调用 
 
   -        contentWebView.loadUrl("javascript:javacalljs()");