Przewodnik po instalacji Firebug w głównych przeglądarkach i urządzeniach iOS
Firebug to dodatek do Firefoksa z fajnymi narzędziami do sprawdzania elementu strony internetowej, debugowania i tworzenia stron internetowych. Nie ma jednak możliwości, aby te narzędzia były dostępne w innych przeglądarkach niż Firefox.
Opracowanie podobnego narzędzia dla innych przeglądarek może wymagać ciężkiej pracy, ale będzie bardzo pomocne, jeśli Firebug będzie mógł działać również na innych przeglądarkach, biorąc pod uwagę, że każdy ma swoje preferowane przeglądarki.
Tutaj wkracza Firebug Lite, aby rozwiązać Twoje potrzeby. Firebug Lite to prostsza wersja Firebug, ale może być używana w IE, Operze, Chrome, Safari, iPad i iPhone, zachowując podobne opcje i funkcje.
Instalacja Firebug Lite na Operze, Safari i Chrome
Dzięki Firebug Lite nie ma potrzeby instalacji. Napisany w skrypcie Java, możesz dodać zakładkę do łącza Firebug Lite i będzie on gotowy do kontroli strony. Więc musisz po prostu dodać zakładkę do linku poniżej (możesz też przeciągnąć link do paska zakładek przeglądarki).
Firebug Lite
Jeśli używasz przeglądarki Chrome, zakładka powinna wyglądać jak poniżej, jeśli pasek zakładek jest widoczny.
To wszystko, Firebug Lite powinien teraz działać, gdy trzeba go użyć.
Używanie Firebug Lite w Operze, Safari i Chrome
Teraz możesz użyć Firebug Lite do inspekcji praktycznie każdej strony internetowej. W tym przykładzie użyjemy Wikipedii.org.
Po załadowaniu strony internetowej kliknij zapisaną wcześniej zakładkę Firebug Lite, a na dole strony internetowej pojawi się pole konsolowe.
Jeśli się zamkniemy, zobaczysz to w lewym dolnym rogu strony.
Teraz możesz zobaczyć (+) i (-) w punkcie początkowym wielu linii. (+) Oznacza, że pod jednym linkiem html jest więcej linii zamkniętych, a jeśli podświetlisz linię, zobaczysz, która część strony reprezentuje.
Jeśli jednak chcesz ułatwić wykrywanie linii reprezentowanych przez dowolny tekst, zdjęcie, link lub inne elementy na samej stronie internetowej, kliknij przycisk „Sprawdź”.
Teraz możesz najechać kursorem myszy na dowolną część elementów dostępnych na stronie internetowej, a zobaczysz podświetloną linię html. Ułatwia to inspekcję.
Instalacja Firebug Lite na iPadzie i iPhonie
Bookmarklety nie pasują do iPada i iPhone'a. Aby zainstalować Firebug Lite na iPadzie i iPhonie, oto jak to zrobić:
-
Dodaj zakładkę do tej strony na iPadzie lub iPhonie.
-
Zmień nazwę zakładki na „Firebug”.
-
Wybierz i skopiuj cały skrypt poniżej.
javascript: (funkcja (F, i, r, e, b, u, g, L, I, T, E) if (F.getElementById (b)) powrót; E = F [i + 'NS'] && F. documentElement.namespaceURI; E = E? F [i + 'NS'] (E, 'skrypt'): F [i] ('skrypt'); E [r] ('id', b); E [r] ( „src”, I + g + T); E [r] (b, u); (F [e] („głowa”) [0] || F [e] („ciało”) [0]). appendChild (E); E = new% 20Image; E [r] ('src', I + L);) (document, 'createElement', 'setAttribute', 'getElementsByTagName', 'FirebugLite', '4', 'firebug-lite.js', 'releases / lite / latest / skin / xp / sprite.png', 'https: //getfirebug.com/','#startOpened');
-
Przejdź do opcji zakładki i naciśnij „Edytuj”. Następnie wybierz zakładkę „Firebug”.
-
Usuń oryginalny adres URL i wklej bookmarklet.
- Wybierać “Gotowe” na klawiaturze.
Teraz spróbuj otworzyć dowolną stronę internetową i wybierz zakładkę „Firebug”, a zobaczysz działającą Firebug na dole ekranu iPada.
Wniosek
Firebug Lite jest wystarczająco dobry, aby przeprowadzić szybką kontrolę strony. Możesz przeglądać html, css i dowolny skrypt używany do budowania strony. Chociaż Chrome ma własne rozszerzenie Web Developer, Firebug Lite nie zawodzi o milę.