Android webview注入自己的js代码（js传入function等其他参数解决）

最新推荐文章于 2021-05-29 22:30:32 发布

小小夜雨

最新推荐文章于 2021-05-29 22:30:32 发布

阅读量5k

点赞数

分类专栏：问题一览文章标签： Android webview js funtion

本文链接：https://blog.csdn.net/qq_30711091/article/details/93995664

版权

本文介绍了在Android WebView中如何处理前端传递的JS函数作为参数的问题。通过创建中间层，将函数转换为JSON字符串再调用Android方法。在WebView页面加载完成时注入JS代码，并利用集合记录不同函数，以解决同名函数问题。同时，文章提及了处理匿名函数的特殊情况，提供了一种解决方案，但认为当前方法不够智能且繁琐，期待更好的实践方式。

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

问题产生原因：

前端与Android 交互时，调用Android 的方法，但是传入的参数是function

例如：

这样我们Android这边接收不到值（我网上百度是没找到好方法，有的说让前端传入jsonString给我们，能解决方法，但是前端要改动代码）

解决思路：

我们加入一个中间层，当js调用Android时，先调其他方法，使传入值变成json在调用Android方法，这样就可以接收了

实现方案：

注入js代码，js不会写，从别人借鉴过来的

jsString = "(function() {\n" +
        "    var PAG_NATIVE = window.PAG_NATIVE = {};\n" +
        "    PAG_NATIVE.callbacks = {};\n" +
        "    PAG_NATIVE.callBacks = {};\n" +
        "    PAG_NATIVE.exec = function(funName, args, callbackId) {\n" +
        "        var commend = {\n" +
        "            functionName: funName,\n" +
        "            arguments: args,\n" +
        "            callbackId: callbackId\n" +
        "        };\n" +
        "        window.android[funName](args);\n" + "    };\n" +
        "    PA