Co warto wiedzieć
- Aby włączyć: Preferencje > wybierz Zaawansowane zakładka > przełącz Pokaż menu rozwijania na pasku menuna.
- Aby użyć: wybierz Develop > Wejdź do trybu projektowania responsywnego na pasku narzędzi Safari.
W tym artykule wyjaśniono, jak włączyć tryb projektowania responsywnego w Safari 9 do Safari 13, w OS X El Capitan przez macOS Catalina.
Jak włączyć tryb projektowania responsywnego w Safari
Aby włączyć tryb projektowania responsywnego Safari wraz z innymi narzędziami programistycznymi Safari:
-
Przejdź do menu Safari i wybierz Preferencje.
Naciśnij skrót klawiaturowy Command+ , (przecinek), aby szybko uzyskać dostęp do Preferencji.
-
W oknie dialogowym Preferences wybierz kartę Zaawansowane.
Image -
Na dole okna dialogowego zaznacz pole wyboru Pokaż menu programistyczne na pasku menu.
Image -
Teraz zobaczysz Develop na górnym pasku menu Safari.
Image -
Wybierz Rozwiń > Wejdź w tryb projektowania responsywnego na pasku narzędzi Safari.
Naciśnij skrót klawiaturowy Option+ Command+ R, aby szybko przejść do trybu projektowania responsywnego.
Image -
Aktywna strona internetowa wyświetla się w trybie projektowania responsywnego. U góry strony wybierz urządzenie z systemem iOS lub rozdzielczość ekranu, aby zobaczyć, jak strona będzie się renderować.
Image -
Alternatywnie zobacz, jak Twoja strona będzie renderowana na różnych platformach, korzystając z rozwijanego menu nad ikonami rozdzielczości.
Image
Narzędzia dla programistów Safari
Oprócz trybu projektowania responsywnego, menu Safari Develop oferuje inne przydatne opcje.
Otwórz stronę za pomocą
Otwiera aktywną stronę internetową w dowolnej przeglądarce aktualnie zainstalowanej na komputerze Mac.
Agent użytkownika
Kiedy zmienisz klienta użytkownika, możesz oszukać witrynę, tak aby myślała, że używasz innej przeglądarki.
Pokaż inspektora internetowego
Wyświetla wszystkie zasoby strony internetowej, w tym informacje CSS i metryki DOM.
Pokaż konsolę błędów
Wyświetla błędy i ostrzeżenia JavaScript, HTML i XML.
Pokaż źródło strony
Pozwala wyświetlić kod źródłowy aktywnej strony internetowej i przeszukać zawartość strony.
Pokaż zasoby strony
Wyświetla dokumenty, skrypty, CSS i inne zasoby z bieżącej strony.
Pokaż edytor fragmentów
Pozwala edytować i wykonywać fragmenty kodu. Ta funkcja jest przydatna z perspektywy testowania.
Pokaż kreator rozszerzeń
Pomaga w tworzeniu rozszerzeń Safari, odpowiednio pakując kod i dołączając metadane.
Rozpocznij nagrywanie na osi czasu
Umożliwia rejestrowanie żądań sieciowych, wykonywania JavaScriptu, renderowania stron i innych zdarzeń w narzędziu WebKit Inspector.
Puste pamięci podręczne
Usuwa wszystkie zapisane pamięci podręczne w Safari, nie tylko standardowe pliki pamięci podręcznej witryny.
Wyłącz pamięci podręczne
Gdy buforowanie jest wyłączone, 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.
