javascript - 如何使用 Cordova 的 InAppBrowser 将 HTML 注入(inject)页面

Question

我正在 InAppBrowser 中运行单页 Web 应用程序。我想将 HTML 属性注入(inject)到一些 HTML 元素中。例如将所有 h1 更改为 h2。

我知道我可以使用executeScript方法来完成这样的短期任务:

win.executeScript({ code: "console.log( 'hello' );" })

有谁知道使用executeScript方法运行较长脚本的最佳方法是什么，以及如何确保它在加载所有内容后运行？

Answer 1

如果你想注入(inject)大量代码，你应该使用js文件而不是仅仅使用代码字符串。要从 .js 文件注入(inject)代码并确保页面已加载，您必须在调用 loadstop 事件时运行executescript，如下所示:

var ref = cordova.InAppBrowser.open('http://apache.org', '_blank');
ref.addEventListener('loadstop', function() {
    ref.executeScript({file: "http://www.yourwebsite.com/myscript.js"});
});

file 如果你加载的是外部网站，则必须是外部js，但如果你加载的是本地html文件，则可以是本地js