How to determine if browser is supporting js pushState function?

Question

I want to use dynamic URL update through js script:

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

But if browser is old and not supporing this function it should simply redirect to new URL.

Is there any simple way to check it ?

Answer 1

You simply check:

if (history.pushState) {

}

Answer 2

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

Answer 3

The easiest (and most performant):

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

Still, I'd suggest using some established solutions for history management, like History.js.

Answer 4

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