如何为从应用程序资源加载的页面配置脚本注入？

Question

我有一个chrome应用程序，该应用程序利用webview元素来显示某些页面，该页面包含在应用程序本身中（只是静态资源）。

此外，我需要将内容脚本注入Web视图内的页面，为了实现这一点，我正在使用类似以下代码：

// Configure script injection rules:
webview.addContentScripts([{
    name: "myInjectionRule",
    matches: ["<all_urls>"],
    run_at: "document_start",
    js: { code: "...some test code here..."  }
}]);

// Navigate to some page:
webview.setAttribute("src", pageUrl);

但是它什么也不做，既没有错误也没有注入，只是什么也没有。 同时，这很有趣，它非常适合远程页面。即远程页面和本地页面都可以正常加载，但是脚本根本不会注入到本地页面中。

最近两个小时，我试图处理它，但失败了。 我唯一的猜测是注入规则与不匹配 chrome-extension://EXTENSION-ID/myTestPage.html，因为它只是忽略了chrome-extension:// URI方案。

我尝试了很多想法，在Google上搜索了很多，使用了oficial docs（但chrome-extension://上也没有使用），现在我完全没有想法了：-（