如何使用Cordova的InAppBrowser将HTML注入页面

Question

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

我知道我可以将executeScript方法用于类似以下的简短任务：

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

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

Answer 1

如果要注入大量代码，则应使用js文件而不是仅使用代码字符串。 要从.js文件注入代码并确保页面已加载，必须在调用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