2010-11-05 14 views
70

Kiedy debuguję witrynę, czasami wybrzuszone selektory są trochę długie i podobne do innych, czy istnieje sposób na zastosowanie pewnego rodzaju "lepkiego" stanu do zawisywania reguł w Firebug?Czy możesz sprawić, by stan "Firey" stał się lepki?

Przykład; Najeżdżam na pasek nawigacji i chcę skopiować selektor z firebuga, aby wyszukać w CSS, ale gdy tylko poruszę myszą, selektor (oczywiście) znika, gdy nav <li> nie jest już ujęty.

Jakikolwiek sposób to zrobić?

Dzięki :)

+0

Sprawdź tę odpowiedź do stanu testu unoszących się w chrome i Firefox http://stackoverflow.com/a/20716179/1868660 –

Odpowiedz

74

Podczas sprawdzania linków, Firebug pokazuje stan domyślny CSS, to style zastosowane do: link. Domyślnie: hover i: active styles nie są wyświetlane. Na szczęście, można zmienić stan łącza klikając stylu i wybierając odpowiednią opcję:

enter image description here

+5

Wiem, że OP odpowiedział na własne pytanie i najprawdopodobniej będzie chciał zachować swoje punkty statusu, ale była to bardziej "pełna" odpowiedź. (Nie bardzo rozumiałem jego odpowiedź i myślałem, że ma na myśli w menu przeglądarki pod jedną z opcji dewelopera). – BillyNair

+1

Nie troszcz się o punkty, to najlepsza odpowiedź. – Kyle

+1

Plus 1 za powiedzenie, że nie dbasz o punkty. –

57

Na co chciałem, nie jest to opcja dla niego w Style rozwijanej powyżej stylów CSS dla tego elementu. Po prostu kliknij menu i wybierz: :active lub :hover i zachowuje style dla zaznaczonego i zawieszonego elementu :)

+19

Moje życie ... dramatycznie się poprawiło, 3 lata i założyłem, że to niemożliwe. – Moak

+8

Od lat używam dziwnych kliknięć prawym przyciskiem myszy i próbowałem wyłuskać elementy - dlaczego, och dlaczego nie pomyślałem, żeby sprawdzić menu Styl! – electblake

+0

i nadal jest przydatna odpowiedź :) –

3

Możesz spróbować użyć Inspektora przeglądarki Chrome i aktywować: aktywny: odwiedzany stan itd. Na elemencie pod stylami.

enter image description here

+2

Debugowanie problemów związanych z Firefoksem wymaga użycia inspektora przeglądarki Firefox. –

2

Otwarte zarówno Firebug i internetową developer-> Inspector. W oknie Inspektor znajdź wiersz kodu, w którym zaczyna się kursor, kliknij prawym przyciskiem myszy i wybierz: hover. Wtedy pozostanie stan zawisu, możesz robić, co chcesz w firebugu.

8

Czasami rzeczy nie są dotknięte „: hover” państwa, ale przez najechaniu myszą w jQuery lub podobne, w takim przypadku można manualy wywołać zdarzenie (lub zmusić zdarzenia) w zakładce konsoli pisząc:

$('#a-random-selector').mouseover() 

Nadzieja pomaga, ja przyszedłem tutaj szuka tej odpowiedzi, ale musiał zrozumieć to sobie

+0

To jest niesamowite.Czy możesz sprawić, aby * pozostała * w tym stanie? Czy na przykład wyłączyć zdarzenia mouseover? Bo próbuję dostosować wartości, a stan najechania myszką po prostu mnie odsuwa. –

+1

Jeśli chcesz zapobiec stanowi, w którym musiałbyś nadpisać detektor zdarzeń, musiałbyś zmienić to, co ten konkretny element robi, gdy to zdarzenie się wyzwala. Poleciłbym ci również przyjrzenie się źródłu, w którym wydarzenie jest zdefiniowane, i zmniejsz go tam ... ale niektóre strony mają po prostu dużo kodu, aby to zrobić. –

+1

I zakończyło się przy użyciu podwójnego inspektora aproach (ff wbudowany i firebug), a także: .unbind ("mouseenter mouseleave"); po użyciu twojego kodu. –

Powiązane problemy