我正在开发一个带有 webviews 的 Chrome 应用程序。用于 web 视图的页面也可以在常规浏览器中运行。如果在 webview 中，页面会向主 App 发送消息，但显然他们需要先从 App 获取消息，以便知道将消息发送到哪里。
没问题 - 主应用程序一看到“loadstop”事件就会发送一条消息，告诉页面将消息发送到哪里。如果页面不在 web 视图中，则它永远不会收到消息。
问题是，我需要知道页面何时应该停止等待消息并假设它不在 web 视图中。
相对于页面中的事件（例如 jQuery 的 .ready 或 .load），“loadstop”何时发生？有没有办法捕获或触发一个事件，保证在主应用程序中看到“loadstop”以及 webview 的 JavaScript 发送和接收消息之后发生。
【问题讨论】：
标签： javascript webview google-chrome-app
相对于页面中的事件（例如 jQuery 的 .ready 或 .load），“loadstop”何时发生？
根据loadstop 事件的文档：
当访客页面（包括其所有子框架）中的所有框架级加载完成时触发。这包括当前文档中的导航以及子框架文档级加载，但不包括异步资源加载。
这表明它更类似于 jQuery 的 .ready()，它在加载 DOM 树之后但在等待资产（.css、.js）下载之前执行。
密切关注该文档页面；自两周前以来，它已经大大改善了。
有没有办法捕获或触发一个事件，保证在主应用程序中看到“loadstop”以及 webview 的 JavaScript 发送和接收消息之后发生？
您的 manifest.json 声明了您的 my-app-main.js 后台脚本（以及您的 webview 权限），它会启动您的 my-webview-wrapper。 html，其中包括您的 <webview> 标记，还内联了一些 javascript（或来源 my-webview-wrapper.js 文件），通过 onload 函数将事件侦听器分配给您的 webview像这样：
onload = function() {
webview = document.getElementById("the-id-attribute-of-my-webview");
webview.addEventListener("<EVENT>", function() {
// the cool stuff you want to do
}
}
<EVENT> 可以是我链接的文档中列出的任何 webview DOM 事件（包括loadstop）。您的主应用程序不应该真正关心这一切是否正在发生。 （它是异步的！它是 javascript！它很神奇！）
如果您仍然感到困惑，只需在 GitHub 上浏览 Google 的 webview sample。
【讨论】：