Detect whether HTML5 History supported or not

Question

How can I check if the browser you are using supports the HTML5 history api?

As you can see here http://caniuse.com/#search=history only chrome +ff4 and several others supports this and I wish to do something else if they cant support this.

How can I make some kind of an if statement for this checking?

score 79 · Accepted Answer · edited Dec 11 '11 at 14:52

79

if (window.history && window.history.pushState)

See also this All-In-One Almost-Alphabetical No-Bullshit Guide to Detecting Everything

edited Dec 11 '11 at 14:52

Cory House

14,235
13
70
87

answered Jan 17 '11 at 05:21

Gaurav

12,662
2
36
34

Gelatin · Answer 2 · 2011-01-16T22:14:08.657

24

You can detect support for history management (as well as many other browser features) using Modernizr.

if (Modernizr.history)

edited Jan 16 '11 at 22:14

answered Jan 16 '11 at 22:07

Gelatin

2,393
1
24
29

1

Modernizr also adds `history` class to your root `html` tag and `no-history` if you don't. That's probably not particularly useful like other features such as `flexbox` but it would allow you to change css depending upon this feature if you really had a need for it – Simon_Weaver Jul 30 '14 at 02:21

Beka Tomashvili · Answer 3 · 2016-06-16T06:24:19.450

0

You can use canisuse.js script to detect if your browsers supports history or not

caniuse.history()

edited Jun 16 '16 at 06:24

answered Jun 16 '16 at 06:18

Beka Tomashvili

2,171
5
21
27

Detect whether HTML5 History supported or not

3 Answers3

Linked