Question

由于Firefox Australis现在是夜间频道，我想让我的插件与这个新UI兼容。我想知道如何从CSS和JavaScript中检测用户是否在Firefox Australis上。对于CSS部分，我有兴趣优化我的工具栏图标，以便它也与旧版本的Firefox兼容。

Answer 1

来自（特权）JavaScript

if("gCustomizeMode" in window){
  //Australis code
}

Answer 2

这应该完成你想要做的事情。如果用户代理有Firefox / 28，则将“firefox-australis”类添加到正文中。然后你可以在CSS中定位该类。

<script>
var is_australis = false;
// if the user agent contains Firefox/28, we can assume it's australis
if(navigator.userAgent.match(/Firefox\/28/)){
    var version = parseInt(navigator.userAgent.match(/Firefox\/([0-9]*)/)[1]);
    // should be self-explanatory
    if(version < 28){ return; }
    var body = document.getElementsByTagName('body')[0]
    ,   classes = body.getAttribute('class');

    // add the class 'firefox-australis' to the body tag
    body.setAttribute('class', ' firefox-australis');
    // save for reference in JS
    is_australis = true;
}
</script>
<style>
/* Target Australis */
body.firefox-australis{
    background-color:#000;
    color:#fff;
}
</style>

Answer 3

在Chrome上下文中运行

if(document.querySelector("#PanelUI-popup")){
  //Australis code
}

Answer 4

@-moz-document url-prefix() {

    //Element to style

}

从CSS或JavaScript检测Firefox Australis

4 个答案: