Come posso visualizzare le proprietà ": hover" e ": active" degli elementi in una pagina Web?

Eventuali duplicati:
How to use chrome web inspector to view hover code Come posso visualizzare le proprietà ": hover" e ": active" degli elementi in una pagina Web?

sia in Google Chrome e Firefox, la proprietà CSS stato attivo hover e può essere visualizzato solo quando l'elemento viene aleggiava o cliccato. Tuttavia, non appena il mio mouse lascia l'elemento o rilascio il mouse, non riesco più a visualizzare le proprietà.

C'è un'estensione per Chrome o un addon per Firefox che può permettermi di visualizzare gli elementi in hover o stati attivi?

fonte

2012-01-03 Leo Jiang

Il duplicato è per Chrome, per Firefox, [vedi questa risposta] (http://stackoverflow.com/a/13855134/247696). – Flimm

Sono d'accordo .. e @Domenic, crediamo che sia sbagliato. Dovrebbe essere il link Flimm citato –

Entrambe Firebug e l'estensione DOM Inspector per Firefox consentono di controllare: hover e: stato attivo su elementi arbitrari, come ricordo.

fonte

2012-01-04 07:30:23

Funziona ancora in firefox 29? Non riesco a trovare il menu al passaggio del mouse come prima. – billynoah

@billynoah Funziona sicuramente in DOM Inspector, che è quello che uso in genere. –

stai usando firefox 29? leggo effettivamente questo articolo (https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector#Selecting-Elements) su come hanno modificato il comportamento per avere invece un menu a discesa per ogni elemento nel pannello html di nella stessa pagina web. in realtà è piuttosto - mi ha confuso da quando ero abituato alla vecchia maniera. – billynoah

Fare clic sull'elemento all'interno dell'ispettore elemento. Muovi il mouse sopra l'elemento, premi il tasto freccia su e poi il tasto freccia giù. Vedrai le proprietà di passaggio del mouse.

fonte

2012-01-04 00:30:14 henryaaron

Grande consiglio. Inoltre, premere il tasto tab (dopo aver premuto i tasti freccia su e giù su chrome) se si desidera scorrere le proprietà css. – Amir

+11

Nelle versioni recenti di Firefox è sufficiente fare clic con il pulsante destro del mouse su un elemento nell'ispettore elemento e impostare lo stato desiderato. Vedi [FAQ DOM Inspector] (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

Come posso visualizzare le proprietà ": hover" e ": active" degli elementi in una pagina Web?

risposta

Problemi correlati