如何使我的网站检测某些Web浏览器？

Question

So I have a website that doesn't work correctly in certain browsers like Firefox. I was wondering how do I make it so that when someone visits the webpage in an unsupported browser(s) it shows a message. Just like on http://species-in-pieces.com has a page that says "Works Best in Chrome. You Can Download it Here." when you're not using chrome (or something along those lines). I need a similar message to pop up when on Firefox and not-set browsers (like a gaming console browser) but I also need a way to dissmiss it or ignore it because a big portion of my users are using those specific ones. Open to any ideas, thanks!

Answer 1

In javascript detecting Firefox:

var isFirefox = typeof InstallTrigger !== 'undefined';   // Firefox 1.0+

Read more info and more browser detection: How to detect Safari, Chrome, IE, Firefox and Opera browser? .

As a simple example you can do:

var isFirefox = typeof InstallTrigger !== 'undefined';   // Firefox 1.0+
if (isFirefox) {
    alert("Please try other browser!");
}

Example: http://jsfiddle.net/ddan/3d81d3qv/

Answer 2

You can retrieve the user agent from navigator.userAgent to determine what browser is being used and go from there.

Of course nothing stops the user from faking the user agent.

Answer 3

Use

var x = navigator.userAgent;

It will give similar to this:

Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/43.0.2357.134 Safari/537.36

You can block the browser based on this string