如何在离子2中使用"executeScript"应用程序浏览器插件的方法？

Question

我在单击事件中具有此代码

let browser = new InAppBrowser('http://example.com/test', '_self');
browser.executeScript({code: "(function() { alert(123); })()"});

当我单击按钮时，InappBrowser打开页面，但脚本不运行。
我关闭了浏览器，然后再次单击按钮，现在脚本确实运行。

为什么它第一次不运行？

Answer 1

在inappbrowser.addeventlistener（loadStart，loadStop，loaderror）中添加executecript，然后首次运行。我正在使用离子1，但我想它也将在离子2中使用。我在下面添加了一个示例代码。（这就是离子1中的样子）。

  browser.addEventListener('loadstart', function(){
            browser.executeScript({code: "(function() { alert(123); })()"});
        })

Answer 2

它不再以这种方式工作。尝试！

browser.on('loadstop').subscribe(() => {
  browser.executeScript({code: 'your_code'})
});

这对我有用。

Answer 3

尝试运行以下代码。这对我有用。

   var ref = cordova.InAppBrowser.open("https://www.test.com/", '_blank');
            ref.addEventListener('loadstart', function() {
                ref.executeScript({
                    code: '//put the script you want to run here'
                });
            })

请确保给出_blank而不是_system。_system将打开本机浏览器（例如Chrome）

Answer 4

@andrews的答案对我来说非常有效。这是我使用 @ionic-native/theable-browser的离子3应用程序的完整代码：

let options: ThemeableBrowserOptions = {
        statusbar: { color: '#1976d2ff' },
        toolbar: { height: 44, color: '#1976d2ff' },
        closeButton: { align: 'right', event: 'closed', wwwImage: '/assets/images/icons/close-empty.png', wwwImagePressed: '/assets/images/icons/close-outline.png', wwwImageDensity: 3 },
        usewkwebview: 'yes',
        disallowoverscroll: 'yes',
        allowInlineMediaPlayback: 'yes',
        mediaPlaybackRequiresUserAction: 'no'
    },
    browser: ThemeableBrowserObject = self.iab.create(url, '_blank', options);
if (this.platform.is('ios')) {
    browser.on('loadstop').subscribe(() => {
        browser.executeScript({ code: 'document.body.classList.add("cordova-ios");' });
    });
}

这样，我可以通过body.cordova-ios class sashitance

Answer 5

@rezat1994将'_ self'更改为'_blank'为我修复了这个问题。

let browser = new InAppBrowser('http://example.com/test', '_blank');
browser.executeScript({code: "(function() { alert(123); })()"});