了解Android的webview addjavascriptinterface

Posted 2023-02-26

【中文标题】了解Android的webview addjavascriptinterface

【英文标题】：Understanding Android's webview addjavascriptinterface

【发布时间】：2012-06-13 07:09:33

【问题描述】：

我知道要从 javascript 与 Java 交互，您必须使用 webview 中的 addjavascriptInterface 方法注入 Java 对象。

这是我面临的问题。

我使用 addJavascriptInterface 方法注册了一个 java 对象，以便在我的 JS 中可用。

我使用webview.loadURL("javascript:XXX");在webview中注入了一些JS

我在完成 JS 注入后发送一个 JS 事件。

问题是，如果在第 1 步之后，如果我立即执行以下 Javascript：

mWebView.loadUrl("javascript:if(window.myobject) console.log('myobject found---------'); else console.log('myobject not found----');");

我在控制台的日志中看到“找不到我的对象”。

我想知道我是否需要一段时间才能访问我的对象，如果是，我如何知道我应该等待多长时间才能调用我的对象？

【参考方案1】：

我想知道我是否需要一段时间才能访问我的对象

是的，我认为有延迟，因为WebView.addJavascriptInterface 将在 WebView 的内部工作线程中运行。或许你已经想到了这一点，意识到 WebView 至少要维护一个工作线程来做异步网络 IO。也许您在使用 WebView 时也注意到了 DDMS 中的这些线程。

事实证明，它还使用一个线程来为许多其他公共方法工作。我真的希望 Google 的文档能更清楚地说明这一点！但我希望我能帮助您，并向您展示我是如何尝试为自己确认这一点的。

跟我来看看 WebView 的源代码。它具有相当的可读性，即使您无法准确了解正在发生的事情，也可以通过回答有关线程的一些问题来追踪。

您可以通过 SDK 管理器工具下载 android 框架源代码，但它也在 Github 上进行了镜像，所以我在这里链接到了。我猜测并选择了一个接近 ICS 版本的标签。不难找到WebView.addJavascriptInterface。我刚刚用 Google 搜索了“WebView.java 站点：github.com/android”。

WebView.addJavascriptInterface 方法向WebViewCore 的实例发送消息：

mWebViewCore.sendMessage(EventHub.ADD_JS_INTERFACE, arg);

在WebViewCore.java 中有一堆称为sendMessage 的重载方法，但我们并不需要知道究竟调用了哪些方法，因为它们的作用几乎相同。甚至有一个很好的评论给我们一个提示，我们在正确的地方！所有这些都委托给EventHub 的一个实例，这是一些内部类。 This method 原来是同步的，并且正在向 Handler 的实例发送消息，这很好地表明这可能在另一个线程中运行，但为了完整起见，让我们找出来！

Handler 在EventHub.transferMessages 中实例化，而WebViewCore.initialize 则调用它。这里还有一些跃点，但最终我发现这是从WebCoreThread（Runnable 的子类）中的run 调用的，它与一个新的Thread 对here 一起实例化。

多么冒险！所以，即使我真的不能确定所有这些移动部件发生了什么，我很有信心说这种方法不是同步的，而是向 WebView 的工作线程发送消息。我希望这是有道理的！

如果是这样，我如何知道我应该等待多长时间才能调用我的对象？

很遗憾，我不知道这个问题的答案。我正在研究这个确切的问题，并在我的谷歌搜索过程中在 *** 上发现了这个问题。我认为您有以下选择，其中一些比其他更好或更容易：

1) 只需 Thread.sleep 100 毫秒或介于 addJavascriptInterface 和 loadUrl("javascript:...") 之间的时间。 Blech，我不喜欢这个，但它可能是最简单的。

2) 另一种可能性是，您可以使用 JavaScript 的 sn-p 调用 WebView.loadUrl，专门测试接口是否已设置，如果尚未设置，则捕获引发的 ReferenceError。但是，您可能已经猜到了，这种类型涉及向 WebView 添加 JavaScript 接口！

3) 改为调用WebView.setWebChromeClient，并改为捕获JavaScript 的alert() 或console.log。根据我的实验，这个方法是同步的，所以没有延迟。 （我已经在源代码中确认了这一点，但我会将细节作为练习留给读者）你可能应该想出一些特殊的字符串来调用alert 并在onJsAlert 中检查它，所以你不是只是抓住所有alert()s。

对不起，这个答案的长度，我希望这会有所帮助。祝你好运！

【讨论】：

带有适当参考的详细答案。

酷。很好的答复。但是检查警报和控制台消息与执行 Thread.sleep() 一样糟糕 :)

嘿，我几乎警告过这些选项不是最理想的：P

非常感谢您查看源代码并进行如此多的研究，希望我有两个赞成票给您。我在这里找到了这个可能相关的评论：***.com/questions/9749900/… 也许值得一试？可能很难验证它是否总是正确的。

优秀的答案，经过充分研究和相关。谢谢。

【参考方案2】：

确保在 html / Javascript 中声明的需要从 Java 访问的 Javascript 对象声明为全局对象，否则它们很可能会被收集。我有执行此操作的代码（其中 Android 是我使用 addJavascriptInterface 添加的界面）：

<script>
  var cb = function(location) 
     alert('location is ' + location);
  
  Android.getLocation('cb');
</script>

getLocation 方法调用 Android 的 LocationManager.requestSingleUpdate，然后在 LocationListener 触发时调用回调。

如果没有“var”，我发现当位置查找调用回调时，回调函数已被垃圾回收。

【参考方案3】：

（复制自我在a similar question 的回复）

我将 Jason Shah 和 Mr S 的实现作为我修复的基石，并对其进行了极大的改进。

此评论的代码太多了，我将链接到它。

详情：http://twigstechtips.blogspot.com/2013/09/android-webviewaddjavascriptinterface.html 来源：https://github.com/twig/twigstechtips-snippets/blob/master/GingerbreadJSFixExample.java

重点是：

适用于所有版本的 Gingerbread (2.3.x) 从 JS 到 Android 的调用现在是同步的 不再需要手动映射接口方法 修复了字符串分隔符破坏代码的可能性 更容易更改 JS 签名和接口名称