时间戳

首页 > 解决方案 > 如何在没有按钮的情况下访问浏览器？（离子 3）

javascript - 如何在没有按钮的情况下访问浏览器？（离子 3）

问题描述

我想使用“主题浏览器”，我有一个按钮，当我点击它时，浏览器就会打开。

如何删除按钮，并将浏览器直接放在我的页面上？

JS

constructor(public navCtrl: NavController, private themeableBrowser: ThemeableBrowser) { }

openBrowser() {
    const options: ThemeableBrowserOptions = {
        toolbar: {
            height: 44,
            color: '#3573bbff'
        },
        title: {
            color: '#ffffffff',
            showPageTitle: true,
            staticText: 'Academy Browser'
        },
        backButton: {
            wwwImage: 'assets/img/back.png',
            align: 'left',
            event: 'backPressed'
        },
        forwardButton: {
            wwwImage: 'assets/img/forward.png',
            align: 'left',
            event: 'forwardPressed'
        },
        closeButton: {
            wwwImage: 'assets/img/close.png',
            align: 'left',
            event: 'closePressed'
        },
    };

    const browser: ThemeableBrowserObject = this.themeableBrowser.create('https://twitter.com/', '_blank', options);

    browser.on('closePressed').subscribe(data => {
        browser.close();
    })
}

HTML

<button ion-button full (click)="openBrowser()">Open Browser</button>

任何帮助将非常感激。谢谢。

标签： javascripttypescriptcordovaionic-frameworkbrowser

解决方案

尝试在您的打字稿中替换

打开浏览器（）

和

ionViewDidEnter()

ionViewDidEnter() 在您进入页面时运行。无论是第一次加载还是缓存页面，都会触发此事件。

推荐阅读