僅在瀏覽器為Firefox時使用javascript隱藏html元素

Question

如果瀏覽器僅是Firefox，如何使用javascript隱藏div？

Answer 1

檢查Firefox瀏覽器

//Javascript
var FIREFOX = /Firefox/i.test(navigator.userAgent);

if (FIREFOX) {
  document.getElementById("divId").style.display="none";
}


<!-- HTML-->
<div id="divId" />

Answer 2

只需檢查特定於FF的JavaScript屬性。 例如

var FF = (document.getBoxObjectFor != null || window.mozInnerScreenX != null);

if (FF) {
    document.getElementById("divId").style.display = 'none';
}

這稱為功能檢測，它比用戶代理檢測更可取。 即使是jQuery $.browser API （如果要使用if ($.browser.mozilla) ，也會使用該API ）建議避免用戶代理檢測。

Answer 3

“是瀏覽器Firefox”幾乎總是錯誤的問題。 當然，您可以開始在User-Agent字符串中進行粗加工，但是它常常會引起誤解，除非是非常不得已的方法，否則不值得使用。

這也是一個棘手的問題，因為有許多瀏覽器不是Firefox，但是基於相同的代碼，因此實際上是相同的。 是SeaMonkey Firefox嗎？ 是Flock Firefox嗎？ 是Fennec Firefox嗎？ 是Iceweasel Firefox嗎？ 是Firebird（或Phoenix！）Firefox嗎？ 是Minefield Firefox嗎？

更好的方法是確切確定為什么要區別對待Firefox，並對此功能進行嗅探。 例如，如果您想規避Gecko中的錯誤，則可以嘗試觸發該錯誤並從腳本中檢測到錯誤的響應。

如果由於某種原因無法實現，則嗅探Gecko渲染器的一般方法是檢查是否存在僅適用於Mozilla的屬性。 例如：

if ('MozBinding' in document.body.style) {
    document.getElementById('hellononfirefoxers').style.display= 'none';
}

編輯：如果需要在body或目標div在文檔中之前在<head>進行測試，則可以執行以下操作：

<style type="text/css">
    html.firefox #somediv { display: none }
</style>
<script type="text/javascript">
    if ('MozBinding' in document.documentElement.style) {
        document.documentElement.className= 'firefox';
    }
</script>

Answer 4

 if(document.body.style.MozTransform!=undefined) //firefox only

Answer 5

function  detectBrowser(){
  ....
}

hDiv = .... //getElementById or etc..

if (detectBrowser() === "firefox"){
  hDiv.style.display = "none"
}

Answer 6

您可以嘗試Rafeal Lima的CSS Browser Selector腳本。 它將一些類添加到OS，瀏覽器，js支持等HTML元素中。然后，您可以將這些類用作其他CSS和/或JS的掛鈎。 腳本運行后，您可以編寫類似html.gecko div.hide-firefox的CSS（或jQuery）選擇器。

僅在瀏覽器為Firefox時使用javascript隱藏html元素

問題描述

6 個解決方案

解決方案1
8 已采納 2010-03-16 13:34:01

解決方案2
7 2010-03-16 13:26:28

解決方案3
2 2010-03-16 13:40:49

解決方案4
2 2010-03-16 16:51:32

解決方案5
1 2010-03-16 13:27:35

解決方案6
0 2010-03-16 13:48:55

僅在瀏覽器為Firefox時使用javascript隱藏html元素

問題描述

6 個解決方案

解決方案1 8 已采納 2010-03-16 13:34:01

解決方案2 7 2010-03-16 13:26:28

解決方案3 2 2010-03-16 13:40:49

解決方案4 2 2010-03-16 16:51:32

解決方案5 1 2010-03-16 13:27:35

解決方案6 0 2010-03-16 13:48:55

解決方案1
8 已采納 2010-03-16 13:34:01

解決方案2
7 2010-03-16 13:26:28

解決方案3
2 2010-03-16 13:40:49

解決方案4
2 2010-03-16 16:51:32

解決方案5
1 2010-03-16 13:27:35

解決方案6
0 2010-03-16 13:48:55