Ausblenden eines html-Elements mit javascript nur, wenn der browser ist firefox

Wie kann ich das ausblenden eines div mit javascript, wenn der browser nur firefox?

  • Warum wollen Sie dies tun?
  • Nur muss ich jetzt für etwas.
  • Ich hoffe, du bist nicht die downvoter für alle die Fragen hier.
  • Keine seiner mich nicht. Ich bin nicht sicher, was man nun benutzen... ich brauche einfach nur ein paar code, der arbeitet in einer Allgemeinen Weise. Wer..
  • Wenn Sie könnte ein bisschen genauer sein vielleicht können wir Ihnen helfen, herauszufinden, eine bessere Lösung. Browser-Erkennung ist oft nicht der beste Weg, etwas zu tun Javascript verwandt.
  • Es ist ein Fehler im Zusammenhang mit ein video hochladen, dass ist nur das erscheinen im FF. Ich will zu verstecken den Inhalt, während ich es herausfinden. Thats all

InformationsquelleAutor Cameron | 2010-03-16
  1. 8

    To check Firefox-browser

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

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


<!-- HTML-->
<div id="divId" />
    • seit Wann ist das falsch? Dies funktioniert gut in Firefox.
    • Ich bin nicht der Downvoter, aber es funktioniert nicht gut auf meinem browser (die identifiziert sich selbst als "Shiretoko"), oder viele andere Firefox-Varianten.
    • Fragesteller fragte in Firefox....offensichtlich bist du nicht mit plain old firefox.
    • Gut, es ist eine wollige Frage, ja, aber Shiretoko ist eine Möglichkeit, eine offizielle, aber unbranded Firefox 3.5 sich identifiziert. Es ist 100% das gleiche wie Firefox, außer mit keinem Fuchs auf das Symbol.
    • Ok, dann ist es mit der Mozilla-engine, genau wie Opera funktioniert, aber das heißt nicht, dass Opera Firefox (leider).
    • "Aktuelle Benutzer von Mozilla Firefox sollten Sie nicht verwenden Shiretoko Alpha 1." Upvote zu "Oper ist nicht Firefox, sondern basiert auch auf der gleichen engine."
    • Opera nicht nutzen Sie die Gecko - rendering-engine, aber Presto. Es schadet auch nicht, sich selbst identifizieren mit dem berüchtigten "Mozilla" - label in der Benutzer-Agent-Zeichenfolge (siehe nczonline.net/blog/2010/01/12/history-of-the-user-agent-string für Infos dazu). Und Bobince hat Recht, es gibt viele umbenannte Firefox-Versionen (nicht mit "Firefox" im UA-string) aufgrund von Lizenz-Bestimmungen: en.wikipedia.org/wiki/Mozilla_Firefox#Trademark_and_logo
    • Opera 9 kann der "Klon" IE/Firefox durch ändern des user-agent-string. Obwohl es läuft Presto bei der Wiedergabe von "Klonen" firefox, es verwendet die Mozilla-engine es auch macht eine CSS-Datei mit "-moz-xxxx" - Attribute.
    • Haben Sie eine Quelle für diese? Ich habe gerade getestet mit Opera 10.10 und obwohl es identifiziert sich als "Mozilla/5.0 (X11; Linux i686; U; en; rv:1.8.1) Gecko/20061208 Firefox/2.0.0", wenn Sie mit "Maske als Firefox", es verwendet immer noch Presto (nicht Gecko, und sicherlich nicht etwas, genannt der Mozilla-engine) und nicht Prozess -moz- vorangestellt Eigenschaften, zumindest nicht -moz-border-radius ebenso unterstützt window.onbeforeunload. Border-radius wird nur dann unterstützt, als der Opera 10.50: dev.opera.com/articles/view/css3-border-background-boxshadow/...
    • richtig, ich habe gerade ein recheck, und "-moz" nicht die css render (Seltsam, da ich nicht mit "border-radius" in keiner css-Stile, die ich verwende, aber Opera 10.50 zeigt es). Ich bin zu müde, ich werde also ab ins Bett. 🙂 (es ist 3 Uhr morgens hier).

    InformationsquelleAutor Buhake Sindi
  2. 7

    Einfach mal ein FF-spezifische JavaScript-Eigenschaft. E. g.

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

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

    Dies wird als feature-Erkennung die bevorzugt oben useragent-Erkennung. Auch die jQuery $.browser - API (von denen Sie dann verwendet haben if ($.browser.mozilla) für) empfiehlt zur Vermeidung useragent-Erkennung.

    • wie ist die feature-Erkennung schlecht?
    • SO wirklich umsetzen muss der @Downvoter Sache, oder zumindest die Menschen zwingen, zu erklären, Ihre downvotes. Ich habe drei anonyme downvotes gestern, 2 auf eine Antwort, die hat 10 upvotes! Raubte mir mein bronze-Abzeichen, lol. /end rant - ich habe noch ausgeglichen, es für Sie sowieso.
    • Denke, dass es ist, weil dein Beispiel ist nicht gut - Sie sind nicht feature-Erkennung das Problem, das das problem verursacht, Sie sind feature-Erkennung eine unabhängige Funktion, die Sie wissen, wird korrekt für firefox.
    • mozInnerScreenX ist auch nur verfügbar, von Firefox 3.6 auf.
    • Sie konnte immer tun var FF = window.mozInnerScreenX ? true : false;. PS. Ich habe nicht downvote Sie.
    • dies ist nicht für mich arbeiten. ich leg es einfach in script-tags in den <body>. ist das richtig?
    • Es muss gesetzt werden auf nachdem das div, andernfalls Dokument.getElementById() nicht finden, die div.
    • oder ausführen, während der Seite onload.
    • dies wurde von der Spitze des Kopfes. Ich vergaß hinzuzufügen, die getBoxObjectFor. Feste (siehe auch die "feature-Erkennung" - link).
    • keine Beleidigung beabsichtigt, aber wenn Sie diesen Artikel Lesen, über die feature-Erkennung, sollten Sie gewusst haben, dass sollten Sie nicht verwenden feature-Erkennung nur zu tun, browser-Erkennung.

    InformationsquelleAutor BalusC
  3. 2

    "Ist der browser Firefox" ist fast immer die falsche Frage. Sicher, Sie können beginnen, grovelling durch die User-Agent string, aber es ist oft so irreführend, dass es lohnt sich nicht berühren, außer als sehr sehr in letzter Instanz.

    Es ist auch eine wollige Frage, da gibt es viele Browser, der nicht Firefox, sondern basieren auf dem gleichen code, so sind im Prinzip die gleichen. Ist SeaMonkey Firefox? Ist Flock Firefox? Ist Fennec-Firefox? Ist Iceweasel Firefox? Ist Firebird (oder Phoenix!) Firefox? Ist Minenfeld Firefox?

    Die bessere route ist, um zu bestimmen, genau warum Sie behandeln möchten Firefox anders, und feature-schnüffeln für diese eine Sache. Zum Beispiel, wenn Sie möchten, zu umgehen, ist ein bug in Gecko, könnten Sie versuchen, trigger, die Fehler und erkennen Sie die falsche Antwort von einem Skript.

    Wenn das aus irgendeinem Grund nicht möglich, eine Allgemeine Möglichkeit zu schnuppern für die Gecko-renderer wäre zu prüfen, die Existenz von einem Mozilla-only-Eigenschaft. Zum Beispiel:

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

    edit: wenn Sie brauchen, um machen Sie den test in <head> vor der body oder Ziel div sind im Dokument, Sie könnten etwas tun wie:

    <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>
    • Dieses Beispiel Fehler im IE.
    • Advocatus Diaboli: wer kümmert sich wirklich über SeaMonkey, Flock, Fennec, Iceweasel, und Minenfeld kombiniert? Das ist vielleicht ein Hundertstel von einem Prozent der userbase eine typische app, und wenn Sie einer von denen, und es funktioniert nicht... Sie lernen, oft, gelegentlich erwarten Macken.
    • es gibt viele Nutzer von Linux-distribution, die kommen mit der umbenannte Firefox-Versionen, genannt Iceweasel, Minenfeld usw.
    • Kein Fehler im IE bei mir. Natürlich document.body muss vorhanden sein, bevor mittels diesem bestimmten test, so konnte Sie es nicht in die <head>, aber dann konnte man Sie nicht sowieso seit der <div> in Frage, müsste schon in die Seite.
    InformationsquelleAutor bobince
  4. 2
     if(document.body.style.MozTransform!=undefined) //firefox only
    • Ich bin mit diesem erfolgreich so weit, außer ich check type als gut. if(document.body.style.MozTransform!==undefined){}. Sonst jemand hier, weil, wie Firefox verwaltet transform-origin im svgs?
    InformationsquelleAutor kennebec
  5. 1
    function  detectBrowser(){
  ....
}

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

if (detectBrowser() === "firefox"){
  hDiv.style.display = "none"
}
    • Sorry, aber ich verstehe nicht, wie das hilft überhaupt.
    • Haha - das machte mich zum lachen. "Wie kann ich erkennen, ob der browser ist Firefox?" "Schreiben Sie eine Funktion, die aufgerufen wird detectBrowser, natürlich."
    • Er hat nicht zu Fragen, wie zu erkennen, wenn es war Firefox; er fragte, wie um es zu verbergen.
    InformationsquelleAutor Falcon
  6. 0

    Könnten Sie versuchen, Rafeal Lima CSS-Browser-Selector Skript. Es fügt ein paar Klassen, um das HTML-element für OS, browser, js-Unterstützung, etc. Dann können Sie diese Klassen verwenden, die als Haken für weitere CSS und/oder JS. Sie schreiben ein CSS (oder jQuery) Selektor wie html.gecko div.hide-firefox nachdem das Skript ausgeführt hat.

    InformationsquelleAutor Andy Ford
Schreibe einen Kommentar