Ionic InAppBrowser和路线

时间:2019-04-12 15:19:39

标签: ionic-framework

我正在从事离子项目。

我需要使用InAppBrowser插件来显示网站。 但是根据我所在的页面,我需要将视图更改为Ionic页面。

export class HomePage {
    constructor(public navCtrl: NavController, public inAppBrowser: InAppBrowser, public platform: Platform) {
        var url = "https://helloworld.com";
        var browser = inAppBrowser.create(url, '_blank', {
            zoom: 'no',
            location: 'no'
        });

        platform.ready().then(() => {
            browser.show();

            browser.on('loadstart').subscribe((e) => {
                var navCtlr = this.navCtrl;
                var scriptUrlParam = "window.addEventListener(\"click\",function(e){var href=e.target.getAttribute(\"href\");if(href){location.href=href+\"?source=mobapp\";e.preventDefault();}});";

                var url = e.url;
                if (url.indexOf("scanner") !== -1) {
                    alert("Page Scanner");
                    navCtrl.push(QrcodePage);
                }

                browser.insertCSS({
                    code: "#mobileMenu{display:block!important;}"
                });
                browser.executeScript({
                    code: scriptUrlParam
                });
            });
        });
    }
}

navCtrl.push(QrcodePage); 应该会将我重定向到QR码页面。但这不起作用。

我知道我在正确的页面上,因为alert("Page Scanner");在工作。

有没有人发生过这个问题?

谢谢

0 个答案:

没有答案