How to determine if browser supports js pushState function?

Question

I want to use dynamic URL update through js script:

window.history.pushState("string", "Title", "/new-url");

But if the browser is outdated and does not support this feature, it should just redirect to the new URL.

Is there an easy way to check this?

Answer 1

The simplest (and most effective):

if ('history' in window && 'pushState' in history) { // available

However, I would suggest using some installed history management solutions, like History.js .

Answer 2

You just check:

if (history.pushState) {

}

Answer 3

try {
    window.history.pushState("string", "Title", "/new-url");
} catch ( e ) {
    window.location = "/new-url";
}

Answer 4

if(!!history && !!history.pushState){
   //browsers which support history and history push state method
}