1. Zuhause
  2. Frage und Antwort
  3. Gibt es eine Möglichkeit, CSS zu testen: den Mauszeiger in IE Developer Tools?

Gibt es eine Möglichkeit, CSS zu testen: den Mauszeiger in IE Developer Tools?

2012-11-26 2 views

Antwort

44

Ich bin nicht sicher, welche Version von IE Sie verwendet haben, wenn Sie diese Frage gestellt haben.

Nur für jede Information, ich bin in der Lage, den Hover-Stil durch die Registerkarte HTML anzuzeigen, indem Sie die folgende Abfolge von Schritten in IE 9:

  1. öffnen Sie die Entwickler-Tool
  2. Hover über die Element, dessen Schwebungs-CSS angezeigt werden soll, während das Entwicklerfenster auf fokussiert bleibt.
  3. Drücken Sie F5, während Sie mit der Maus nach wie vor über das Element
  4. Strg + B, und klicken Sie auf das Element ist

Sie können nun die Hover CSS.

Edit (Januar 2015):

In IE 11, klicken Sie auf den großen blauen "ein:" Symbol, das in der oberen rechten Ecke des Styles Bereich des DOM-Explorer angezeigt wird, und dann das Kontrollkästchen " Hover "Kontrollkästchen.

Quelle

2013-08-01 21:05:30

+4

Wow, das tatsächlich funktioniert, aber nur, wenn Sie diese genaue Abfolge von Schritten verwenden. Wenn Sie das Entwicklerfenster nicht fokussiert lassen, funktionieren Ihre Tastaturbefehle nicht ordnungsgemäß. – bryanbraun

+3

Sehr hilfreich. Zu schade, IE macht weiterhin die am wenigsten nützliche Browser-Dev Toolkits (das ist immer noch die Antwort für IE10). OP hätte diese Antwort akzeptieren sollen. Vielen Dank. – cautionbug

+0

Kann jemand dies in IE11 arbeiten? – bmm6o

2

Ich konnte den CSS: Hover-Status in IE-Entwickler-Tools entweder nicht finden. Also habe ich am Ende Firebug Lite von einem Bookmarklet verwendet.

Quelle

2013-03-04 11:49:47

1

Lao Lei Vorschlag funktioniert. Wenn Sie die Entwicklerwerkzeuge öffnen, stellen Sie sicher, dass sie im Fokus sind, damit sie die Verknüpfungsbefehle empfangen kann. Wenn Sie auf die Bildlaufleiste der Seite oder auf der Seite klicken, werden alle Verknüpfungsbefehle an das Fenster gesendet Seite. Um Fehler zu vermeiden wie folgt vor:

  1. das Element finden Sie
  2. Öffnen Sie die Entwickler-Tools
  3. Fokus der Entwickler-Tools' Fenster
  4. schweben das Element Sie wollen
  5. Drücken Sie F5, müssen ohne sich zu bewegen die Maus
  6. Strg + B und klicken Sie auf das Element

Beste Grüße.

Quelle

2013-09-18 09:26:00

17

Klicken Sie in IE11 auf das große blaue "a:" - Symbol, das oben rechts im Bereich "Stile" des DOM Explorer angezeigt wird, und aktivieren Sie das Kontrollkästchen "Hover". Screenshot of Internet Explorer 11 F12 Developer Tools with a: highlighted

Wenn Sie das "a:" nicht sehen können, wählen Sie zuerst ein Element oder HTML-Tag im linken Bereich des DOM Explorers.

Quelle

2014-07-11 06:35:34

+0

* Dies ist die richtige Antwort für IE11. –

+1

Ich habe dieses Symbol nicht zu haben ... – Izkata

+0

Ich habe einen Screenshot hinzugefügt, hoffe, dass hilft @Izkata –

0

Für diejenigen, die dies auf Google finden, habe ich ein Cross-Browser-Tool erstellt, mit dem Sie Ihr HTML/CSS-Layout einfach durch Bewegen der Maus visualisieren können. Sie können Elemente in ihrem Schwebezustand leicht anzeigen.

HTML Box Visualizer - GitHub

Quelle

2016-10-24 06:18:23

Verwandte Themen

 Verwandte Themen