浏览器检测 Opera 的问题答案

【问题标题】：Browser detect problem with Opera浏览器检测 Opera 的问题
【发布时间】：2011-05-16 15:49:54
【问题描述】：

他我正在使用this 脚本来检测浏览器，但似乎没有在opera 中实现css。所以，在 browserdetect.js 我有这个：

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

在我的 html 中我有这个：

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

它似乎在其他浏览器中正常工作，但在 Opera 中它只是无法在页面的头部实现<link href="styles/style.css" media="screen" rel="stylesheet" type="text/css" />。你能建议可能是什么问题吗？谢谢。

【问题讨论】：

alert(BrowserDetect.browser) 会得到什么？
为什么需要检测特定的浏览器？

标签： javascript css browser opera

【解决方案1】：

这可行，所以您还有其他问题

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

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

【讨论】：

我的错，少了一个}，抱歉

【解决方案2】：

为什么不用browsecap for php？这也不错：http://www.dangrossman.info/2010/10/11/a-browscap-ini-parser-in-javascript/ 或试试这个：how to determine the opera browser using javascript

【讨论】：

因为我真的只能使用 html、javascript 和 css。
你的服务器不支持php和json？所以如果激活了 javascript，你的脚本就可以工作，php 脚本会更好：stackoverflow.com/questions/1998293/…

【解决方案3】：

如果您只对 opera 和 css 有疑问，为什么不尝试编辑您当前的 css 以添加特定于 opera 的调用？

此代码只能用于在 css 中定位 opera：

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

            #my-id { clear:right; }

        }

有关这些浏览器 css 调用的更多信息，请参阅 here

【讨论】：