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

• 1 Czym jest Inspektor Sieci Safari?
• 2 Jak aktywować Inspektor Sieci w Safari 10 i nowszych
• 3 Jak korzystać z Inspektora Sieci w macOS
• 4 Jak otworzyć Inspektora Sieci w starszych wersjach macOS
  • 4.1 Inspektor Sieci Safari: Ostateczne słowa

Czym jest Inspektor Sieci Safari?

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.

• 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.

• Przejdź do zakładki Zaawansowane.
• Tuż poniżej opcji Proxies powinieneś zobaczyć pole wyboru dla Pokaż menu Rozwój w pasku menu. Zaznacz pole.

• 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.

• W menu kontekstowym, które się pojawi, kliknij Pokaż Inspektora Sieci. Skrót klawiszowy dla tej akcji to Option + Command + I.

• 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ć.

• Prawym przyciskiem myszy i wybierz Sprawdź element w menu kontekstowym, które się otworzy.
• Inspektor Sieci Safari otworzy się.

• 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

• 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.