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

Biznesplan

pobierz

Wzór Polityki Bezpieczeństwa w ochronie danych osobowych

pobierz

Konfiguracja bezpieczeństwa. Windows 10

pobierz

Polecane artykuły

Polecamy kancelarię:

  • Kancelaria Prawna Iurisco Edyta Przybyłek

    ul. Zgrzebnioka 28, 40-520 Katowice

    Wyświetl wizytówkę
  • Kancelaria Radcy Prawnego Marcin Majcherczyk

    ul. Stawowa 4 lok. 39, 41-200 Sosnowiec

    Wyświetl wizytówkę
  • THE N.E.W.S. LAW CENTER Kancelaria Adwokatów i Radców Prawnych

    ul. Kazachska 1/89, 02-999 Warszawa

    Wyświetl wizytówkę
  • adwokat Wojciech Rudzki - kancelaria adwokacka

    Józefa Piłsudskiego 40/4 Kraków 31 - 111

    Wyświetl wizytówkę
  • Kancelaria Radcy Prawnego Robert Dudkowiak

    ul. Jana Pawła II 11 lok. 5, 62-300 Września

    Wyświetl wizytówkę
  • Kancelaria Adwokacka Adwokata Piotra Sęka

    ul. Narutowicza 44 lok. 20, 90-135 Łódź

    Wyświetl wizytówkę
  • Kancelaria Radców Prawnych ARVE M.Kusztan & R.Ponichtera Sp. K.

    ul. Czysta 4, 50-013 Wrocław

    Wyświetl wizytówkę
  • Kancelaria Radcy Prawnego Marek Foryś

    ul. Słupecka 9/1, Gdynia

    Wyświetl wizytówkę
  • Kancelaria MERITUM

    ulica Westerplatte 13/5, 31-033 Kraków

    Wyświetl wizytówkę
  • Kancelaria Radcy Prawnego Radosław Tymiński

    Łukowska 9 Lok. 126, 04-133 Warszawa

    Wyświetl wizytówkę
Array ( [docId] => 25485 )
Array ( [docId] => 25485 )

Array ( [docId] => 25485 )