Zawartość
- Uzyskaj dostęp do narzędzi programistycznych w przeglądarce internetowej Apple
- Jak włączyć tryb responsywnego projektowania w Safari
- Narzędzia dla programistów Safari
Uzyskaj dostęp do narzędzi programistycznych w przeglądarce internetowej Apple
Zapewnienie, że strony internetowe i aplikacje internetowe obsługują wiele urządzeń i platform, jest niezbędnym zadaniem dla twórców stron internetowych. Przeglądarka Safari firmy Apple zawiera tryb elastycznego projektowania, który umożliwia podgląd sposobu renderowania witryny przy różnych rozdzielczościach ekranu i różnych wersjach iPada, iPhone'a i iPoda touch.
Instrukcje zawarte w tym artykule dotyczą Safari 13 dla systemu macOS. Tryb elastycznego projektowania nie jest dostępny w wersji dla systemu Windows.
Jak włączyć tryb responsywnego projektowania w Safari
Aby włączyć narzędzia programistyczne Safari i tryb elastycznego projektowania:
-
Wybierz Safari > Preferencje na pasku narzędzi Safari.
Możesz także użyć skrótu klawiaturowego Komenda+Przecinek (,) aby uzyskać dostęp do menu Preferencje.
-
W menu Preferencje wybierz zaawansowane i zaznacz pole obok Pokaż menu rozwijania na pasku menu. Nowa opcja powinna być teraz dostępna na pasku narzędzi Safari u góry ekranu.
-
Wybierz Rozwijać się > Wejdź w tryb responsywnego projektowania na pasku narzędzi Safari.
Możesz także użyć skrótu klawiaturowego Opcja+Komenda+R aby wejść w tryb responsywnego projektowania.
-
Aktywna strona internetowa powinna być teraz wyświetlana w trybie Responsive Design. U góry strony wybierz urządzenie z systemem iOS lub rozdzielczość ekranu, aby zobaczyć, jak strona będzie renderowana.
Możesz także poinstruować Safari, aby symulowały różne programy użytkownika, korzystając z menu rozwijanego bezpośrednio nad ikonami rozdzielczości.
Narzędzia dla programistów Safari
Oprócz trybu projektowania responsywnego menu Develop w Safari oferuje wiele innych przydatnych opcji, w tym:
- Otwórz stronę za pomocą: Otwórz aktywną stronę internetową w dowolnej innej przeglądarce aktualnie zainstalowanej na komputerze Mac.
- Agent użytkownika: Zmiana klienta użytkownika powoduje, że serwery WWW identyfikują Twoją przeglądarkę jako coś innego niż Safari.
- Połącz Web Inspector: Wyświetlanie wszystkich zasobów strony internetowej, w tym informacji CSS i wskaźników DOM.
- Pokaż konsolę błędów: Wyświetlanie błędów i ostrzeżeń JavaScript, HTML i XML.
- Pokaż źródło strony: Wyświetl i wyszukaj kod źródłowy aktywnej strony internetowej.
- Pokaż zasoby strony: Wyświetlanie dokumentów, skryptów, CSS i innych zasobów z bieżącej strony.
- Pokaż edytor urywków: Edycja i wykonywanie fragmentów kodu. Ta funkcja jest bardzo przydatna z punktu widzenia testowania.
- Pokaż konstruktora rozszerzeń: Twórz własne rozszerzenia Safari, odpowiednio pakując kod i dołączając metadane.
- Rozpocznij nagrywanie na osi czasu: Rejestruj żądania sieciowe, wykonanie JavaScript, renderowanie strony i inne zdarzenia w Inspektorze WebKit.
- Puste skrzynki: Usuń wszystkie przechowywane pamięci podręczne w przeglądarce Safari, a nie tylko standardowe pliki pamięci podręcznej witryny.
- Wyłącz pamięci podręczne: Przy wyłączonym buforowaniu zasoby są pobierane ze strony internetowej za każdym razem, gdy wysyłane jest żądanie dostępu, w przeciwieństwie do korzystania z lokalnej pamięci podręcznej.
- Zezwalaj na JavaScript z inteligentnego pola wyszukiwania: Domyślnie wyłączona ze względów bezpieczeństwa, ta funkcja umożliwia wprowadzanie adresów URL zawierających JavaScript w pasku adresu Safari.
- Traktuj certyfikaty SHA-1 jako niepewne: Skrót od Bezpiecznego algorytmu skrótu, funkcja skrótu SHA-1 okazała się mniej bezpieczna niż pierwotnie sądzono, stąd dodanie tej opcji w Safari.