In Chromes Dev Tools, è possibile selezionare un elemento e abilitare lo stato di passaggio del mouse. Esiste un modo per farlo in Internet Explorer Dev Tools?C'è un modo per testare i CSS: passa il mouse sugli strumenti di sviluppo di IE?
risposta
Non so quale versione di IE stavi utilizzando quando hai posto questa domanda.
Solo per le informazioni di tutti, sono in grado di visualizzare lo stile hover attraverso la scheda HTML utilizzando la seguente sequenza di passi in IE 9:
- strumento Aprire lo sviluppatore
- il mouse sopra l' elemento che si desidera visualizzare il suo hover CSS lasciando la finestra dello sviluppatore focalizzata su.
- Premere F5 mentre il mouse è ancora sopra l'elemento
- Ctrl + B e fare clic sull'elemento
È ora possibile visualizzare il CSS hover.
Edit (gennaio 2015):
In IE 11, si sceglie il grande blu "a:" icona che appare in alto a destra del riquadro Stili del DOM Explorer, e quindi controllare la " Hover "checkbox.
Non sono riuscito a trovare il CSS: lo stato del passaggio del mouse negli strumenti di sviluppo di IE. Quindi ho appena finito di usare Firebug Lite da un bookmarklet.
La proposta di Lao Lei funziona. Quando apri gli strumenti di sviluppo, assicurati che sia attivo per poter ricevere i comandi di scelta rapida: quando fai clic sulla barra di scorrimento della pagina o sulla pagina, la finestra del browser viene messa a fuoco e tutti i comandi di scelta rapida vengono inviati al pagina. Per evitare errori effettuare le seguenti operazioni:
- trovare l'elemento è necessario
- Aprire gli strumenti di sviluppo
- fuoco finestra gli strumenti di sviluppo
- passare l'elemento che si desidera
- Premere F5 senza muoversi il mouse
- Ctrl + B e fare clic sull'elemento
I migliori saluti.
In IE11, fai clic sull'icona blu "a:" grande in alto a destra del pannello Stili di DOM Explorer, quindi seleziona la casella di controllo "Passa il mouse".
Se non è possibile visualizzare "a:", selezionare prima un elemento o un tag HTML nel riquadro sinistro di DOM Explorer.
* Questa * è la risposta corretta per IE11. –
Non ho questa icona ... – Izkata
Ho aggiunto uno screenshot, spero che aiuti @Izkata –
Per coloro che trovano questo su Google, ho creato uno strumento cross browser che consente di visualizzare il layout HTML/CSS semplicemente spostando il mouse. Puoi facilmente visualizzare gli elementi nel loro stato di hover.
Wow, che in realtà funziona, ma solo se si utilizza questa esatta sequenza di passi. Se non si concentra la finestra dello sviluppatore, i comandi della tastiera non funzioneranno correttamente. – bryanbraun
Molto utile. Peccato che IE continua a rendere meno utile il toolkit di browser dev (questa è ancora la risposta per IE10). OP dovrebbe aver accettato questa risposta. Grazie. – cautionbug
Qualcuno può farlo funzionare su IE11? – bmm6o