Czy chcesz mieć łatwiejszy sposób wyświetlania tagów HTML strony internetowej bez przeglądania kodu źródłowego w osobnym oknie? Teraz możesz przeglądać stronę internetową i tagi połączone w tym samym oknie przy użyciu rozszerzenia X-Ray dla przeglądarki Firefox.
Przed
Zwykle, jeśli chcesz zobaczyć kod źródłowy za stroną internetową, musisz wyświetlić go w osobnym oknie. Jeśli interesuje Cię tylko konkretna sekcja, musisz przeszukać cały zestaw kodu, aby znaleźć to, czego szukasz.
Po
Rozszerzenie X-Ray umożliwia wyświetlanie tagów dokumentu (w tym nazw klas i identyfikatorów) „obok siebie” ze stroną internetową na tej samej karcie. Aby uzyskać dostęp do polecenia Prześwietlenie, można użyć menu kontekstowego lub menu narzędzi.
Oto ta sama sekcja strony internetowej, co na pierwszym zrzucie ekranu powyżej. Na początku może to wyglądać trochę dziwnie, dopóki nie przyzwyczaisz się do oglądania obu razem.
Uwaga: Stronę można przywrócić do normalnego widoku, klikając ponownie polecenie Prześwietlenie lub odświeżając stronę.
Kod części paska bocznego na tej samej stronie…
Na końcu jeden z zestawów linków.
Patrząc na inny przykład, przypuśćmy, że interesuje Cię, jak jest skonfigurowana część głównego źródła.
Możliwość zobaczenia, jak określony element jest skonfigurowany bezpośrednio na stronie internetowej, jest z pewnością lepsza niż przeszukiwanie całej strony kodu.
Wniosek
Jeśli projektujesz strony internetowe i chcesz w łatwy sposób sprawdzić, jak jest kodowana witryna innej osoby, możesz wypróbować to rozszerzenie.
Spinki do mankietów