2012-01-03 18 views
16

Olası Çoğalt: eleman süpürdü veya tıklandığında, Google Chrome ve Firefox ikisinde de
How to use chrome web inspector to view hover codeBir web sayfasındaki öğelerin ": hover" ve ": active" özelliklerini nasıl görebilirim?

, vurgulu ve aktif devlet BB niteliği görüntülenebilir. Ancak, faremi öğeyi terk eder etmez veya faremi serbest bırakır bırakmaz, özellikleri artık göremiyorum.

Vurgulu veya etkin durumdaki öğeleri görmeme izin veren bir Chrome uzantısı veya Firefox eklentisi var mı? Eleman denetçisinin içindeki elemente tıklayın.

+2

Kopya, Chrome için, Firefox için, [bu yanıtı bakın] (http://stackoverflow.com/a/13855134/247696). – Flimm

+0

Katılıyorum .. ve @Domenic, bunun yanlış olduğuna inanıyoruz. Bağlantı Flimm belirtilmelidir –

cevap

5

Hem Firebug hem de Firefox için DOM Inspector eklentisi şunu hatırlatmanıza izin verir: vurgulu ve: rasgele öğelerde etkin durum, hatırladığım gibi.

+3

Bu hala firefox 29'da çalışıyor mu? Gezinme menüsünü daha önce olduğu gibi göremiyorum. – billynoah

+0

@billynoah Kesinlikle kullanıyorum olan DOM Denetçisinde çalışır. –

+0

firefox 29 kullanıyor musunuz? Bu makaleyi (https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector#Selecting-Elements), html panelindeki her öğe için aşağı açılır menüye nasıl davranacağını değiştirdikleri hakkında Web sayfasının kendisi. Aslında güzel - eski yoldan kullanıldığından beri kafam karıştı. – billynoah

13

Farenizi öğenin üzerine getirin, yukarı ok tuşuna ve ardından aşağı ok tuşuna basın. Vurgulu özelliklerini göreceksiniz.

+0

Büyük ipucu. Ayrıca, css özelliklerinde gezinmek isterseniz sekme tuşuna basın (kromdaki yukarı ve aşağı ok tuşlarına bastıktan sonra). – Amir

+11

Son Firefox sürümlerinde, öğe denetçisinde bir öğeye sağ tıklayıp istenen durumu ayarlayabilirsiniz. Bkz. [DOM Inspector SSS] (https://developer.mozilla.org/en-US/docs/DOM_Inspector/DOM_Inspector_FAQ#.C2.A0How_do_I_inspect_pseudo-classes_and_pseudo-elements_in_the_CSS_Rules_viewer.3F) – daniels

İlgili konular