Gibt es eine Möglichkeit zu testen CSS :hover im IE Developer tools?

In Chrome Dev Tools, können Sie ein element auswählen, und aktivieren Sie den hover-Zustand. Gibt es eine Möglichkeit, dass dies geschehen kann im Internet Explorers Dev-Tools?

InformationsquelleAutor der Frage MattyP | 2012-11-26

  1. 45

    Ich bin nicht sicher, welche version von Internet Explorer Sie verwenden, wenn Sie diese Frage stellen.

    Nur für alle die Informationen, ich bin in der Lage, zum anzeigen der hover-Stil durch die HTML-Registerkarte, indem Sie die folgende Abfolge von Schritten in IE 9:

    1. Öffnen Sie das developer tool
    2. Bewegen Sie den Mauszeiger über das element, das Sie anzeigen möchten Ihren hover-CSS -während die Entwickler-Fenster konzentriert.
    3. Drücken Sie F5, während sich die Maus noch über das element
    4. Strg + B und klicken Sie auf das element

    Können Sie jetzt die hover CSS.

    Bearbeiten (Jan 2015):

    In IE 11klicken Sie auf den großen blauen "a:" Symbol in der oberen rechten Ecke des Fenster Formatvorlagen in der DOM-Explorer, und überprüfen Sie dann den "Hover".

    InformationsquelleAutor der Antwort Leo Lei

  2. 18

    In IE11, klicken Sie auf den großen blauen "a:" Symbol in der oberen rechten Ecke des Fenster Formatvorlagen in der DOM-Explorer, und überprüfen Sie dann den "Hover".
    Gibt es eine Möglichkeit zu testen CSS :hover im IE Developer tools?

    Wenn Sie nicht sehen können, die "a:" wählen Sie ein element oder ein HTML-tag im linken Bereich der DOM-Explorer zuerst.

    InformationsquelleAutor der Antwort jason_ruz

  3. 2

    Konnte ich nicht finden die CSS :hover-Zustand in der IE-developer-tools. Also bin ich einfach am Ende mit Firebug Lite von einem bookmarklet.

    InformationsquelleAutor der Antwort Richard Pursehouse

  4. 1

    Lao Lei ' s Vorschlag funktioniert.
    Beim öffnen der Entwickler-tools, sicher sein, es wird auf konzentrieren, damit es erhalten können, die Kontextmenü-Befehle - wenn Sie klicken Sie auf die Bildlaufleiste auf der Seite oder auf der Seite, konzentriert sich das browser-Fenster und macht alle shortcut-Befehle senden, um die Seite.
    Um Fehler zu vermeiden, tun Sie den folgenden:

    1. finden das element, das Sie brauchen,
    2. Öffnen Sie die developer tools
    3. Fokus der Entwickler-tools " - Fenster
    4. fahren Sie mit dem element, das Sie wollen
    5. F5 drücken, ohne die Maus zu bewegen
    6. Strg+B und klicken Sie auf das element

    Beste Grüße.

    InformationsquelleAutor der Antwort Milen Georgiev

  5. 0

    Für diejenigen, die finden diese über Google habe ich eine cross-browser-tool, das können Sie visualisieren Sie Ihre HTML - /CSS-layout nur durch bewegen der Maus. Sie können problemlos Elemente in Ihren hover-Zustand.

    HTML-Box Visualizer - GitHub

    InformationsquelleAutor der Antwort Gabriel McAdams

Schreibe einen Kommentar