MacOS: Włącz Inspektora Sieci w Safari

Jeśli chcesz przeglądać kod źródłowy strony internetowej w Apple Safari dla macOS Sierra, będziesz musiał włączyć narzędzie Inspektor Sieci Safari, korzystając z poniższych metod.

Twórcy przeglądarek internetowych, takich jak Apple, Google, itp., oferują gotowe narzędzie do przeglądania kodów źródłowych. Programiści korzystają z tego głównie do debugowania i wizualizacji zmian wprowadzonych na żywej stronie internetowej, nie zakłócając przy tym rzeczywistego kodu na serwerze. Jednak to narzędzie stało się popularne wśród twórców treści i technologicznych użytkowników internetu, którzy chcą edytować aktywną stronę internetową w celach osobistych lub zawodowych. Jeśli jesteś jednym z nich, przeczytaj artykuł do końca, aby dowiedzieć się wszystkiego o Inspektorze Sieci Safari oraz jak sprawdzić element.

Spis treści

Czym jest Inspektor Sieci Safari?

MacOS: Włącz Inspektora Sieci w Safari
Dowiedz się, czym jest Inspektor Sieci Safari (Foto: Courtesy of Apple)

Inspektor Sieci jest częścią pakietu narzędzi deweloperskich, które Apple oferuje programistom stron i aplikacji na całym świecie. Narzędzie to jest dostępne zarówno dla urządzeń macOS, jak i iOS. Programiści mogą łatwo modyfikować, optymalizować i debugować strony internetowe, aby osiągnąć maksymalną wydajność dla swoich zasobów online.

Narzędzie Inspektora Sieci w Safari gromadzi większość zasobów strony internetowej w jednym, zunifikowanym interfejsie. Narzędzie to oddziela również zasoby i ich parametry w dedykowanych zakładkach, abyś nie czuł się przytłoczony tak dużą ilością kodów i opcji. Inspektor Sieci pozwala również na uzyskanie widoku osi czasowej pamięci strony internetowej, co ułatwia debugowanie. Co więcej, jako programista możesz dostosować i zoptymalizować ponad 150 popularnych właściwości CSS, które potrzebujesz do stworzenia funkcjonalnej strony internetowej.

W narzędziu Inspektora Sieci masz do dyspozycji następujące zakładki dla zasobów strony internetowej:

  • Elementy
  • Konsola
  • Źródła
  • Sieć
  • Oś czasu
  • Pamięć
  • Grafika
  • Warstwy
  • Audyty

Jak aktywować Inspektor Sieci w Safari 10 i nowszych

Domyślnie Apple Mac wyłącza Inspektora Sieci w Safari. Ma to na celu zapobieganie niepotrzebnemu bałaganowi w interfejsie użytkownika przeglądarki internetowej. Jeśli jednak jesteś programistą, twórcą treści lub ekspertem w obsłudze Maca, możesz chcieć aktywować tę funkcję, wykonując następujące kroki:

  • Otwórz aplikację Safari na swoim MacBooku lub iMacu.
  • Upewnij się, że kliknąłeś przeglądarkę, aby uzyskać ikonę Safari na pasku narzędzi Maca.
MacOS: Włącz Inspektora Sieci w Safari
Jak znaleźć opcję Preferencje Safari
  • Kliknij Safari w lewym górnym rogu i wybierz Preferencje.
  • Alternatywnie, możesz użyć skrótu Command + ,, aby wyświetlić menu Preferencje.
  • W menu Preferencje musisz być w zakładce Ogólne.
MacOS: Włącz Inspektora Sieci w Safari
Menu Preferencje Safari Zakładka Zaawansowane do Włączenia Inspektora Sieci w Safari
  • Przejdź do zakładki Zaawansowane.
  • Tuż poniżej opcji Proxies powinieneś zobaczyć pole wyboru dla Pokaż menu Rozwój w pasku menu. Zaznacz pole.
MacOS: Włącz Inspektora Sieci w Safari
Menu Rozwój na pasku narzędzi Maca
  • Teraz menu Rozwój Safari powinno pojawić się na pasku narzędzi Maca.

W ten sposób możesz aktywować funkcję Inspektora Sieci na swojej przeglądarce Safari. Kroki są podobne dla najnowszej edycji macOS Ventura oraz wcześniejszych, takich jak Monterey, Big Sur, Catalina, etc., aż do Jaguara.

Przeczytaj także: Html 4.01

Jak dotąd dowiedziałeś się, jak uzyskać funkcję Inspektora Sieci w aplikacji Safari na Macu. Dowiedz się poniżej, jak z niej korzystać na stronach internetowych:

Jak korzystać z Inspektora Sieci w macOS

Poniżej znajdziesz kroki, aby skorzystać z narzędzia Inspektor Sieci w rozwoju stron internetowych, tworzeniu treści lub innych celach. W tym artykule pokazuję kroki, korzystając z systemu operacyjnego macOS Monterey. Jednak kroki są dość podobne od macOS Jaguara do Ventury.

  • Otwórz Safari i odwiedź dowolną stronę, którą chcesz zbadać.
  • Istnieją dwa sposoby, aby sprawdzić podstawowe kody HTML/CSS strony internetowej lub wprowadzić zmiany za pomocą narzędzia Apple Web Inspector. Są to:
    • Rozwój > Pokaż Inspektora Sieci.
    • Prawym przyciskiem myszy > Sprawdź element.
  • Aby skorzystać z pierwszej opcji, przejdź do paska narzędzi Maca w przeglądarce Safari i kliknij menu Rozwój.
MacOS: Włącz Inspektora Sieci w Safari
Jak korzystać z Inspektora Sieci Safari na macOS Monterey
  • W menu kontekstowym, które się pojawi, kliknij Pokaż Inspektora Sieci. Skrót klawiszowy dla tej akcji to Option + Command + I.
MacOS: Włącz Inspektora Sieci w Safari
Widok Inspektora Sieci
  • To otworzy narzędzie Inspektora Sieci w dolnej części przeglądarki internetowej. Kody, które widzisz, dotyczą całego URL-a lub strony, którą odwiedziłeś.
  • Jeśli chcesz zobaczyć podstawowy kod dla konkretnego elementu na stronie internetowej bez otwierania kodu dla całej strony, wybierz element, który chcesz sprawdzić.
MacOS: Włącz Inspektora Sieci w Safari
Sprawdzenie elementu w Safari na Macu
  • Prawym przyciskiem myszy i wybierz Sprawdź element w menu kontekstowym, które się otworzy.
  • Inspektor Sieci Safari otworzy się.
MacOS: Włącz Inspektora Sieci w Safari
Sprawdzanie konkretnych elementów w Safari
  • Jednak w tym przypadku Safari przeniesie cię bezpośrednio do podstawowego kodu HTML lub CSS elementu, który audytujesz.
  • W tym narzędziu otrzymujesz kody HTML i CSS elementu strony internetowej, który sprawdzasz.

Przeczytaj także: Technipages wyjaśnia CSS

Jak otworzyć Inspektora Sieci w starszych wersjach macOS

Jeśli masz Maca starszego niż Jaguar i potrzebujesz użyć narzędzia Inspektor Sieci, jeśli nie znajdziesz powyższych kroków na tym Macu, możesz wykonać prosty kod, aby włączyć Inspektora Sieci. Oto, jak to zrobić:

  • Otwórz Aplikacje i przejdź do folderu Narzędzia.
  • W folderze Narzędzia powinieneś znaleźć Terminal. To interfejs wiersza poleceń komputerów macOS.
  • Teraz uruchom interfejs wiersza poleceń Terminal i wpisz następujące proste polecenie:

defaults write com.apple.Safari WebKitDeveloperExtras -bool true

MacOS: Włącz Inspektora Sieci w Safari
Wykonaj kod Inspektora Elementu, aby Włączyć Inspektora Sieci w Safari
  • Naciśnij Return, aby wykonać polecenie.
  • Teraz możesz otworzyć stronę internetową w Safari i kliknąć prawym przyciskiem myszy lub przytrzymać przycisk myszy w dowolnym miejscu na stronie, aż pojawi się menu kontekstowe.
  • Wybierz opcję Sprawdź element, aby zobaczyć podstawowe kody CSS i HTML strony internetowej.

Inspektor Sieci Safari: Ostateczne słowa

Tak więc, są to metody, aby łatwo włączyć Inspektora Sieci w Safari. Możesz samodzielnie wykonać te kroki i rozpocząć rozwój lub tworzenie treści w kilka minut. Dowiedziałeś się, jak aktywować Inspektora Elementu w Safari dla zarówno nowych, jak i starszych edycji macOS. Jeśli pominąłem jakąkolwiek metodę, aby uzyskać i używać Inspektora Sieci, nie wahaj się dać mi znać, zostawiając komentarz poniżej.

Na koniec zapraszam do przeczytania o najlepszych aplikacjach do kodowania dla iPada.



Leave a Comment

Windows 11 vs. MacOS – Pięć Kluczowych Różnic

Windows 11 vs. MacOS – Pięć Kluczowych Różnic

Windows 11 vs. MacOS – Odkryj kluczowe różnice między tymi systemami operacyjnymi, aby pomóc w wyborze urządzenia.

Kroki do uruchomienia macOS na komputerze z Windows

Kroki do uruchomienia macOS na komputerze z Windows

Dowiedz się, jak zainstalować macOS na komputerze z Windows za pomocą szczegółowego przewodnika, który pokazuje dokładnie, jak uzyskać system operacyjny Apple na urządzeniu Microsoft.

Udostępnianie ekranu Microsoft Teams nie działa na komputerze Mac (NAPRAWIONO)

Udostępnianie ekranu Microsoft Teams nie działa na komputerze Mac (NAPRAWIONO)

Rozwiązania dla problemu z udostępnianiem ekranu w Microsoft Teams na komputerze Mac, w tym konfigurowanie uprawnień i aktualizacji.

Jak naprawić błąd systemu MacOS „Nie można się skontaktować z serwerem odzyskiwania”

Jak naprawić błąd systemu MacOS „Nie można się skontaktować z serwerem odzyskiwania”

Czy właśnie napotkałeś błąd „Nie można się skontaktować z serwerem odzyskiwania” w systemie macOS? Oto 4 skuteczne metody rozwiązania, które pomogą Ci szybciej przywrócić system.

JAK SZYBKO UTWORZYĆ ROZRUCHOWYM USB MACOS W WINDOWS 10

JAK SZYBKO UTWORZYĆ ROZRUCHOWYM USB MACOS W WINDOWS 10

Oto kroki, aby utworzyć rozruchowy nośnik USB macOS (Catalina) z obsługą partycji GPT w systemie Windows 10, 11, 8.1, 7, aby uratować komputer Mac.

Jak naprawić błąd Microsoft Teams 2: 211 na komputerze Mac?

Jak naprawić błąd Microsoft Teams 2: 211 na komputerze Mac?

Kod błędu Teams 2: 211 zwykle występuje na komputerze Mac i wskazuje, że pliki pamięci podręcznej uniemożliwiają aplikacji zalogowanie Cię na Twoje konto.

Android nie łączy się z komputerem Mac? Oto jak to naprawić

Android nie łączy się z komputerem Mac? Oto jak to naprawić

Z tego przewodnika dowiesz się, co musisz zrobić, aby Twój Android był kompatybilny z MacBookiem.

Windows 11 nie będzie obsługiwany na komputerach Mac M1 firmy Apple

Windows 11 nie będzie obsługiwany na komputerach Mac M1 firmy Apple

Microsoft twierdzi, że Windows 11 nie będzie działał na Apple Mac przy użyciu chipów opartych na ARM (M1), potwierdzając, że Parallels nie będzie niezawodny w uruchamianiu systemu operacyjnego

Najlepsze menedżery pobierania na PC

Najlepsze menedżery pobierania na PC

Po pierwsze - menedżerowie pobierania nie są potrzebni. Twój komputer może pobierać wszystko samodzielnie. To powiedziawszy, może to być pomocne narzędzie do tworzenia

Oś czasu aktualizacji Zoom: Nowe funkcje i ulepszenia wydane niedawno

Oś czasu aktualizacji Zoom: Nowe funkcje i ulepszenia wydane niedawno

Zoom to jedna z wiodących platform do rozmów zdalnych i konferencji na świecie. Baza użytkowników z załadowanymi funkcjami szybko rośnie od połowy marca, ale to nie miało…

Poprawka: Udostępnianie ekranu Slack nie działa

Poprawka: Udostępnianie ekranu Slack nie działa

Jeśli nie możesz udostępnić ekranu podczas rozmów wideo w Slack, zaktualizuj aplikację komputerową i system operacyjny. Pomocna może być również zmiana fokusu okna.

Jak AirDrop z komputera Mac na iPhonea

Jak AirDrop z komputera Mac na iPhonea

AirDrop to jeden z najłatwiejszych sposobów udostępniania plików między urządzeniami, ponieważ nie wymaga żadnych kabli, przejściówek ani dysków flash. W tym samouczku

Napraw Microsoft Teams, który nie wykrywa kamery

Napraw Microsoft Teams, który nie wykrywa kamery

Jeśli Microsoft Teams nie wykrył lub nie rozpoznał kamery, sprawdź ustawienia prywatności i upewnij się, że aplikacja może korzystać z kamery.

Jak zmienić rozmiar wielu obrazów jednocześnie?

Jak zmienić rozmiar wielu obrazów jednocześnie?

Dowiedz się, jak zmieniać rozmiar wielu obrazów jednocześnie z komputera z systemem Microsoft Windows lub macOS.

Napraw wysokie użycie procesora przez Google Meet w systemach Windows i Mac

Napraw wysokie użycie procesora przez Google Meet w systemach Windows i Mac

Jeśli Google Meet zużywa zbyt dużo mocy procesora, dołącz do spotkań online w Chrome. Dodatkowo wyłącz wszystkie rozszerzenia przeglądarki.

Windows 11 vs. MacOS – Pięć Kluczowych Różnic

Windows 11 vs. MacOS – Pięć Kluczowych Różnic

Windows 11 vs. MacOS – Odkryj kluczowe różnice między tymi systemami operacyjnymi, aby pomóc w wyborze urządzenia.

Kroki do uruchomienia macOS na komputerze z Windows

Kroki do uruchomienia macOS na komputerze z Windows

Dowiedz się, jak zainstalować macOS na komputerze z Windows za pomocą szczegółowego przewodnika, który pokazuje dokładnie, jak uzyskać system operacyjny Apple na urządzeniu Microsoft.

MacOS: Włącz Inspektora Sieci w Safari

MacOS: Włącz Inspektora Sieci w Safari

Dowiedz się, jak przeglądać kod źródłowy na stronie internetowej w Apple Safari, korzystając z narzędzia Inspektor Sieci w Safari.

Jak odinstalować OneDrive na Macu

Jak odinstalować OneDrive na Macu

Jak odinstalować OneDrive na Macu? Oto przewodnik krok po kroku, który ułatwi Ci ten proces. Dowiedz się, jak szybko i skutecznie usunąć OneDrive z komputera Mac.

Jak blokować wyskakujące okienka na komputerze Mac (Safari, Chrome i Firefox)

Jak blokować wyskakujące okienka na komputerze Mac (Safari, Chrome i Firefox)

Chcesz pozbyć się wyskakujących okienek na Macu? Przeczytaj artykuł i dowiedz się, jak blokować i zezwalać na wyskakujące okienka na Macu. Ten krótki przewodnik pomoże odblokować wyskakujące okienka

Jak naprawić błąd systemu MacOS „Nie można się skontaktować z serwerem odzyskiwania”

Jak naprawić błąd systemu MacOS „Nie można się skontaktować z serwerem odzyskiwania”

Czy właśnie napotkałeś błąd „Nie można się skontaktować z serwerem odzyskiwania” w systemie macOS? Oto 4 skuteczne metody rozwiązania, które pomogą Ci szybciej przywrócić system.

MacOS Sonoma vs macOS Ventura: jaka jest różnica

MacOS Sonoma vs macOS Ventura: jaka jest różnica

Jeśli planujesz uaktualnienie do systemu macOS Sonoma, oto czym różni się on od systemu macOS Ventura pod względem funkcji.

MacOS: jak ustawić zmienną środowiskową

MacOS: jak ustawić zmienną środowiskową

Na komputerze Mac zmienne środowiskowe przechowują informacje, takie jak bieżący użytkownik, domyślne ścieżki do poleceń i nazwa komputera-hosta. Jeśli ty

Brakuje menu głównego programu Outlook 365: 6 najlepszych poprawek

Brakuje menu głównego programu Outlook 365: 6 najlepszych poprawek

Jeśli w programie Outlook brakuje przycisku Początek, wyłącz i włącz Pocztę domową na Wstążce. To szybkie obejście pomogło wielu użytkownikom.

Jak utworzyć listę dystrybucyjną w programie Outlook: najlepsze metody 3

Jak utworzyć listę dystrybucyjną w programie Outlook: najlepsze metody 3

Chcesz wysłać wiadomość e-mail do wielu odbiorców? Nie wiesz, jak utworzyć listę dystrybucyjną w Outlooku? Oto jak to zrobić bez wysiłku!