angular 中 performance.navigation.type 的替代品是什么？

Question

我有这个代码是为了知道页面是否被用户重新加载，不幸的是已被弃用。我想知道 angular 是否有这种方法。if (performance.navigation.type === 1) {   console.log('is refreshed')}if (performance.navigation.type === 0) {   console.log('the user is arrived')}  

Answer 1

不是 Angular 特有的，但是这个 API 已经被PerformanceNavigationTiming取代，它也有一个type属性，但它返回一个字符串而不是数字代码。

但是我只是注意到 Chrome 不会为 iframe 公开它，它总是会输出"navigate".

以下代码段在 Chrome 中不起作用，请在外部视图中尝试使用此 plnkr。

const entries = performance.getEntriesByType("navigation");

console.log( entries.map( nav => nav.type ) );

rel.onclick = e => location.reload();

<button type="button" id="rel">reload</button>

<a href="404">go to 404 (come back with your browser's back button)</a>

Answer 2

performance.navigation已弃用。要获取导航类型，您可以使用getEntriesByType

例子

console.log(performance.getEntriesByType("navigation")[0].type)

该type值可以是

enum NavigationType {

    "navigate",

    "reload",

    "back_forward",

    "prerender"

};

查看更多：https : //w3c.github.io/navigation-timing/#sec-performance-navigation-types

Answer 3

我想添加运行：

performance.getEntriesByType("navigation");

在 Safari 中返回一个空数组