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 {&nbsp; &nbsp; "navigate",&nbsp; &nbsp; "reload",&nbsp; &nbsp; "back_forward",&nbsp; &nbsp; "prerender"};查看更多：https : //w3c.github.io/navigation-timing/#sec-performance-navigation-types

Answer 3

我想添加运行：performance.getEntriesByType("navigation");在 Safari 中返回一个空数组