如何在 InAppBrowser (Ionic 4 Cordova) 中显示计时器

Question

我正在 ionic 4 angular 7 中创建一个混合移动应用程序。

我正在使用 cordova InAppBrowser 在系统浏览器中打开 url。到目前为止一切正常。

但我想关注更多的东西

1- 想要在浏览器中显示一个计时器 x 秒，如果用户在不到 x 秒内关闭浏览器，那么它应该不允许或有跟踪。

2-想要捕获浏览器启动事件和关闭事件

Answer 1

您不能更改或添加您在应用浏览器中打开的 URL 的行为，但我认为可以在 ionic 中添加一个计时器，用于记录浏览器打开的秒数。

收听关闭事件

import { InAppBrowser } from '@ionic-native/in-app-browser/ngx';

constructor(private iab: InAppBrowser) { }

const browser = this.iab.create('https://www.stackoverflow.com');
// Start timer here as in app browser tab created by above line.

browser.on('exit').subscribe(() => {
    // Browser tab closed so you can stop timer
}, err => {
    console.error(err);
});

开始事件是iab标签创建时的事件。