Browser detect problem with Opera

Question

Him I'm using this script to detect browsers, but it seems to not to implementing css in opera. So, in browserdetect.js i have this:

{
  prop: window.opera,
  identity: "Opera"
},

And in my html i have this:

else if (BrowserDetect.browser == "Opera") {
    document.write ('<link href="styles/style.css" media="screen" rel="stylesheet" type="text/css" />');

It seems to be working properly in other browsers, but in Opera it just fails to implement <link href="styles/style.css" media="screen" rel="stylesheet" type="text/css" /> in head part of the page. Can you suggest what could be the problem? Thank you.

What do you get if you `alert(BrowserDetect.browser)`? – Quentin May 16 '11 at 15:57 — Quentin, May 16 '11 at 15:57
Why do you need to detect the specific browser? – Tim Down May 16 '11 at 15:58 — Tim Down, May 16 '11 at 15:58

score 2 · Accepted Answer · answered May 16 '11 at 16:13

2

This works so you have other issues

http://jsfiddle.net/mplungjan/sWvqk/

BrowserDetect.init();  
alert("Opera? "+BrowserDetect.browser+":"+(BrowserDetect.browser=="Opera"))

answered May 16 '11 at 16:13

mplungjan

169,008
28
173
236

my bad, there was missing one }, sorry – Maay May 16 '11 at 19:34

score 0 · Answer 2 · edited May 23 '17 at 12:26

0

why not use browsecap for php? this could be also good: http://www.dangrossman.info/2010/10/11/a-browscap-ini-parser-in-javascript/ or try this: how to determine the opera browser using javascript

edited May 23 '17 at 12:26

Community

1
1

answered May 16 '11 at 15:51

Because i really have to use only html, javascript and css. – Maay May 16 '11 at 15:54
your server doesnt support php and json? so your script just works if javascript is activated, the php script would be better well: http://stackoverflow.com/questions/1998293/how-to-determine-the-opera-browser-using-javascript – May 16 '11 at 15:57

score 0 · Answer 3 · answered May 16 '11 at 16:16

If your having an issue with only opera and css, why not try and edit your current css to add opera specific calls?

This code can be used to target opera only in css:

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {

            #my-id { clear:right; }

        }

See here for more on these browser css calls

Browser detect problem with Opera

3 Answers3