How to find if a browser supports History.Pushstate or not?

javascript cross-browser hash pushstate
Ashish Agarwal picture Ashish Agarwal · Jul 26, 2011 · Viewed 23.2k times · Source

I want to change URL without without reloading the page. The possible solution I found is

window.history.pushState('page2', 'Title', '/page2.php');

but some browser like Firefox 3.5, IE6+ does not support this, so for them solution is

var uri = window.location.href;

but the issue is how to discover if a browser supports history.pushstate or not?

Is TRY CATCH is the possible solution or any thing else.

Answer

Kon picture Kon · Jul 26, 2011 
if (history.pushState) {
  // supported.
}

Quickest test is to run this in the browser console to see if it's supported: 

if (history.pushState) { alert('supported'); }

Also notice that in FF typeof(history.pushState) returns "function", while in IE it returns "undefined"

Related questions

Get the size of the screen, current web page and browser window

How can I get windowWidth, windowHeight, pageWidth, pageHeight, screenWidth, screenHeight, pageX, pageY, screenX, screenY which will work in all major browsers?

Read More
OnChange event handler for radio button (INPUT type="radio") doesn't work as one value

I'm looking for a generalized solution for this. Consider 2 radio type inputs with the same name. When submitted, the one that is checked determines the value that gets sent with the form: <input type="radio" name="myRadios" onchange="handleChange1();" …

Read More
How to get the browser viewport dimensions?

I want to provide my visitors the ability to see images in high quality, is there any way I can detect the window size? Or better yet, the viewport size of the browser with JavaScript? See green area here:

Read More