Detect User's Browser

Question

Possible Duplicate:
Determine what Browser being used, using javascript

I'm trying to implement a method in JavaScript which would detect the User's browser for starters and print it.

I already know about the Navigator Object in JavaScript, but I do not want to use that. Is there any other way of doing it?

Thanks.

Why don't you want to use that? It has everything inside? Do you want to detect the browsers by the behavior? — KARASZI István, May 09 '12 at 07:56
There is but this is not a good idea - http://stackoverflow.com/questions/10505966/determine-what-browser-being-used-using-javascript/10507780#10507780 — Bakudan, May 09 '12 at 07:56
https://developer.mozilla.org/en/Browser_Detection_and_Cross_Browser_Support — , May 09 '12 at 07:58

score 3 · Answer 1 · answered May 09 '12 at 07:56

3

If you don't want to use the navigator property you are out of luck because this is the only way to detect the user agent in javascript.

answered May 09 '12 at 07:56

Darin Dimitrov

1,023,142
271
3,287
2,928

1

Well it's hardly the only way... One could write a library to test for browser specific traits, but the navigator property is the only easy and reliable way – Hubro May 09 '12 at 07:59
Opera and Chrome have an object for that "purpose". It is awkward, but it is there. – Bakudan May 09 '12 at 08:05

score 0 · Answer 2 · answered May 09 '12 at 07:57

You could use jQuery.browser (which indirectly uses the navigator object I guess, but you don't have to touch it)

Example:

<!DOCTYPE html>
<html>
<head>
  <style>
  p { color:green; font-weight:bolder; margin:3px 0 0 10px; }
  div { color:blue; margin-left:20px; font-size:14px; }
  span { color:red; }
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>

<p>Browser info:</p>

<script>
    jQuery.each(jQuery.browser, function(i, val) {
      $("<div>" + i + " : <span>" + val + "</span>")
                .appendTo( document.body );
    });</script>

</body>
</html>

Output:

Browser info:
webkit : true
version : 536.10
safari : true

score 0 · Answer 3 · answered May 09 '12 at 07:57

0

You could use jQuery's $.browser [1] functionality.

Or something like CSS Browser Selector [2] to add CSS classes to the <html> element

[1] http://api.jquery.com/jQuery.browser/

[2] http://rafael.adm.br/css_browser_selector/

answered May 09 '12 at 07:57

James Simm

1,569
1
16
28

score 0 · Answer 4 · answered May 09 '12 at 07:59

0

if you don/t want to use Navigator then user jquery Here is detaied about it.

jQuery.browser

answered May 09 '12 at 07:59

Zaheer Ahmed

28,160
11
74
110

score 0 · Answer 5 · answered May 09 '12 at 20:30

In some cases you can directly test for the method(s) that you need to use. For example, while current versions of all the browsers support the window.addEventListener method, you may want to detect whether that method exists and if not attempt some other way to listen to the event that you want.

Detect User's Browser

5 Answers5