Jak zainstalować dodatek do Firebug na Safari

Firebug jest bardzo popularny dodatek do Firefoksa, który umożliwia eksploracje i zmianę elementów na stronie internetowej. Dzięki nim dowiesz się, jak zbudowane są strony internetowe. Pomoże również w debugowaniu własnego projektu. Narzędzia do tworzenia oprogramowania do safari zapewniają podobną funkcję. Możesz również użyć Firebug Lite, aby pobrać uproszczoną wersję Firebug na dowolnej stronie internetowej.

Kroki

Metoda 1 z 2:

Narzędzia programistyczne dla Safari

jeden. Kliknij menu Safari i wybierz "Ustawienia". Safari obejmuje zestaw narzędzi do tworzenia aplikacji, podobnie jak w Firebug. Abyś mógł z nimi pracować, muszą się włączyć.

Obraz zatytułowany zdobyć coś podobnego do Firebug na Safari Krok 2

2. Kliknij kartę Dodaj. Otworzysz zaawansowane opcje przeglądarki.

Obraz zatytułowany zdobyć coś podobnego do Firebug na Safari Krok 3

3. Umieść pole obok menu "Pokaż rozwój" w pasku menu. Dzięki temu włączasz menu "Rozwój". Pojawi się obok menu "zakładka".

Obraz zatytułowany zdobyć coś podobnego do Firebug na Safari Krok 4

cztery. Uruchom inspektora internetowego. Inspektor Web jest bardzo podobny do Firebug. Możesz go otworzyć w menu "Rozwój". Aby to zrobić, możesz również kliknąć kombinację klawiszy ⌘ polecenie+⌥ Opcja+JA.

Obraz zatytułowany zdobyć coś podobnego do Firebug na Safari Krok 5

pięć. Wybierz kartę Zasoby, aby wyświetlić obiekty stron internetowych. Obiekty te obejmują arkusze stylów, pliki HTML, skrypty, obrazy itp. Jest to standardowy widok inspektora internetowego.

Po lewej stronie po lewej stronie zobaczysz wszystkie foldery z treścią bieżącej strony. Użyj tych folderów, aby szybko poruszać się między niezbędnymi zasobami.

Wybrane zasoby zostaną wyświetlone na panelu głównym. Tutaj zobaczysz kod witryny i inne pliki. Możesz nawet wykonywać edycje do kodu i natychmiast zobaczyć zmiany na stronie. Zmiany te będą działać tylko tak długo, jak zamykasz witrynę.

Korzystając z konsoli, wprowadź polecenia debugowania i zbadaj obiekty jаvascript.

Na prawym panelu bocznym będzie szczegółami na temat wybranego elementu. Zmiany wprowadzone tutaj będą natychmiast wyświetlane na stronie.

Obraz zatytułowany zdobyć coś podobnego do Firebug na Safari Krok 6

6. Użyj karty Skala czasu, aby wyświetlić aktywność na stronie. Skala czasu wyświetla się, gdy wykonano kodu. Możesz także sprawdzić żądanie sieci i wyświetlić wydarzenia dla jаvascript.

Na górze okna "Skala czasu" zobaczysz trzy różne linie tymczasowe. Każda linia jest odpowiedzialna za kategorię skali czasu.

Lewy okienko wyświetla różne zdarzenia występujące na osi czasu. Czas każdej akcji zostanie wyświetlona w głównym oknie.

Obraz zatytułowany zdobyć coś podobnego do Firebug na Safari Krok 7

7. Użyj opcji "Debuger", aby wyszukać i poprawić błędy jаvascript. Opcja "Debuger" zapewnia te same narzędzia debugujące, co Firebug. Użyj go do wyszukiwania i poprawnych kodów jаvascript. Możesz ustawić lokalizację kodu, aby zatrzymać się w określonej lokalizacji. Pozwoli to naprawić błędy w jаvascript i zrozumieć, jak to działa.

Obraz zatytułowany zdobyć coś podobnego do Firebug na Safari Krok 8

osiem. Zmień agenta użytkownika. Wiele wykorzystuje dodatek Firebug, aby zmienić bieżący agent użytkownika. Agent użytkownika jest identyfikatorem, który informuje strony internetowe, których używasz przeglądarki i systemu operacyjnego. Jest to bardzo przydatna opcja pobierania witryn mobilnych na swoim laptopie lub przeglądać wygląd witryny podczas pracy z Internet Explorerem w systemie Windows.

Kliknij menu "Rozwój" i wybierz "Agent niestandardowy".

Wybierz żądany agent użytkownika z listy opcji. Możesz dodać swojego agenta użytkownika, wybierając opcję "Inne ..." i wprowadzając potrzebny kod.

Metoda 2 z 2:

Firebug Lite

jeden. Przejdź do strony Firebug Lite. Firebug Lite to bookmarklet, który zapewnia dostęp do niektórych podstawowych funkcji Firebug. Działa w dowolnej przeglądarce internetowej. Możesz go użyć, aby uzyskać bieżące zmiany na stronach HTML i CSS. Możesz także wykonać polecenia konsoli i sprawdzić skrypty. Możesz pobrać Firebug Lite na tym łączu: GetFirebug.Com / firebuglite.

Obraz zatytułowany zdobyć coś podobnego do Firebug na Safari Krok 10

2. Przewiń w dół do sekcji "Stabilny kanał" (stabilny kanał). Jest to najbardziej funkcjonalna i stabilna wersja Lite Firebug Lite. Jeśli chcesz wypróbować ostatnie funkcje, ustaw książkę z sekcji Beta Channel (Beta Channel). Wersja beta jest bardziej niestabilna niż zwykle.

Obraz zatytułowany zdobyć coś podobnego do Firebug na Safari Krok 11

3. Kliknij prawym przyciskiem myszy Link Lite Firebug. W wyświetlonym menu wybierz "Kopiuj link".

Obraz zatytułowany zdobyć coś podobnego do Firebug na Safari Krok 12

cztery. Utwórz nową bukmachera. Otwórz menu "Zakładki" i wybierz "Utwórz zakładkę" (Utwórz zakładkę). Możesz także kliknąć ⌘ polecenie+RE. Spowoduje to otwarcie nowego okna, aby utworzyć układanie bieżącej strony.

Obraz zatytułowany zdobyć coś podobnego do Firebug na Safari Krok 13

pięć. Włóż skopiowany link do odpowiedniego pola nowej zakładki. Zmieni to zakładkę na kodzie Firebug Lite. Nazwij kogoś zakładki, na przykład "Firebug Lite".

Obraz zatytułowany zdobyć coś podobnego do Firebug na Safari Krok 14

6. Korzystanie z zakładki, pobierz interfejs Firebug Lite. Kliknij kartę Lite Firebug w dowolnym miejscu.

Obraz zatytułowany zdobyć coś podobnego do Firebug na Safari Krok 15

7. Elementy ankiety na stronie. Kliknij przycisk "Sprawdź" na panelu menu Lite Firebug, a następnie wybierz element na stronie. Odpowiednia część pliku HTML zostanie podświetlona w ramce Lite Firebug.

Obraz zatytułowany zdobyć coś podobnego do Firebug na Safari Krok 16

osiem. Użyj kart na górnym panelu Firebug Lite. Te karty otwierają dostęp do różnych funkcji Lite Firebug. Należą do nich Edytor kodu HTML i CSS, pracują z konsolą i aktywnymi skryptami.

Firebug Lite nie ma dostępu do stylów zewnętrznych i skryptów. Wynika to z faktu, że jest napisany w jаvascript, aby móc uruchomić na dowolnej stronie. Jeśli potrzebujesz tych narzędzi, daj preferować opracowywanie narzędzi do Safari.