I have been trying to implement a functionality when the page refreshes. I figured that value of

    window.performance.navigation.type 

turns 1 if the page reloads else, it is 0. I created an alert message on page load and the values are correct for IE and Firefox but it remains "0" for Chrome throughout no matter how many times the page reloads. I have also tried windows.onbeforeunload as per other stackoverflow answers but nothing seems to work!

How do I resolve this?

OR

Is there another way to detect a page reload that works on all the browsers?

Thanks!

I have been trying to implement a functionality when the page refreshes. I figured that value of

    window.performance.navigation.type 

turns 1 if the page reloads else, it is 0. I created an alert message on page load and the values are correct for IE and Firefox but it remains "0" for Chrome throughout no matter how many times the page reloads. I have also tried windows.onbeforeunload as per other stackoverflow answers but nothing seems to work!

How do I resolve this?

OR

Is there another way to detect a page reload that works on all the browsers?

Thanks!

• javascript
• jquery
• reload

• 1 Chrome does not support this: developer.mozilla/en-US/docs/Web/API/PerformanceNavigation – Dekel Commented Sep 14, 2017 at 18:37
• Possible duplicate of Check if page gets reloaded or refreshed in Javascript – pvg Commented Sep 14, 2017 at 18:38
• @Dekel odd isn't this the doc api says chrome 10 + support? edit nvm that's the parent info – Andrei Commented Sep 14, 2017 at 18:43
• @Andrei, Gsm added an answer regarding this. – Dekel Commented Sep 14, 2017 at 18:46

3 Answers 3

As of 2017-11-01, Chrome (61.0.3163.100) does support the performance.navigation API. See this gist for some sample code that you can throw into a page and see it working.

I cannot find the Chromium ticket tracking the development, but this Chromium blog post links to the W3 spec that defines the performance.navigation API, so perhaps it was supported fully in a recent release.

According to the docs, the Performance.navigation property returns a PerformanceNavigation object.

Checking the browsers patibility at the bottom of the page you can see that chrome is not supported.

Just checked the MDN for these instance properties and it's now supported in chrome.