Firebug - edytuj kod, bezpośrednio na stronie internetowej

Autor: Kędra Przemysław
Data: 23-06-2012 r.

Firebug to potężne narzędzie ułatwiające pracę webmasterom. Pozwala nie tylko modyfikować kod strony internetowej w czasie rzeczywistym, ale także monitorować wydajność sieci i poddać analizie kod JavaScript.

Firebug to niewielki dodatek, dla przeglądarki Firefox dający sporo możliwości twórcy stron internetowych. Największą zaletą Firebug, jest możliwość edycji dowolnej strony internetowej w czasie rzeczywistym - dzięki temu, nie musimy przeładowywać strony, aby zobaczyć efekt wprowadzonych zmian.

Instalacja dodatku wygląda tak samo, jak przy dodawaniu innych wtyczek. Należy wejść na stronę https://addons.mozilla.org/pl/firefox/addon/firebug/ i kliknąć zielony przycisk "zainstaluj". Konieczne będzie ponowne uruchomienie przeglądarki.

Po prawej stronie od paska adresu, pojawi się dodatkowa ikona "robaka" - symbol dodatku Firebug. Aby uaktywnić dodatek, należy kliknąć na tę ikonę - co spowoduje jej podświetlenie. Na dole okna przeglądarki zostanie wyświetlony pasek z kodem źródłowym przeglądanej strony, oraz zastosowanym arkuszem stylów. Po najechaniu na dowolny element znajdujący się na stronie internetowej, zostanie on odpowiednio podświetlony w kodzie strony.

Możemy dokonać dowolnych modyfikacji, które w czasie rzeczywistym będą odwzorowane na stronie internetowej.

 

W oknie roboczym Firebug, mamy kilka zakładek :

  • Konsola - domyślnie wyłączony element, który pozwala śledzić błędy strony, ciasteczka itp...,
  • HTML - pokazuje kod źródłowy strony internetowej, podświetlając badane elementy,
  • CSS - podgląd arkusza stylów zastosowanego w przeglądanej witrynie,
  • Skrypt - debugger skryptów napisanych w języku JavaScript,
  • DOM - obiektowy model dokumentów,
  • Sieć - monitorowanie procesów występujących na stronie

Aby schować okno robocze programu Firebug, należy ponownie nacisnąć ikonę dodatku - nie spowoduje to anulowania wprowadzonych zmian na stronie, a jedynie ułatwi jej przeglądanie. W celu przywrócenia pierwotnego kształtu strony internetowej, należy z rozwijanego menu dodatku Firebug wybrać pozycję "wyczyść listę aktywacji".

Kędra Przemysław

Zaloguj się, aby dodać komentarz

Nie masz konta? Zarejestruj się »

Zobacz także

Jak zatrzeć ślady po przeglądaniu Internetu?

pobierz

Wzór Polityki Bezpieczeństwa w ochronie danych osobowych

pobierz

Konfiguracja bezpieczeństwa. Windows 10

pobierz

10 sprytnych trików na szybkie obliczenia w Excelu

pobierz

Polecane artykuły

Array ( [docId] => 25485 )
Array ( [docId] => 25485 )