Narzędzia dla programistów w Safari
Otwórz okno preferencji safari, kliknij opcję „zaawansowane”, a następnie zaznacz pole zatytułowane „Pokaż menu rozwijania na pasku menu”. Bezpośredni! Wynikiem jest nowe pole w górnym menu, które wygląda następująco:
Przeglądaj zasoby projektowe
Włączanie menu programowania
Otwórz okno preferencji safari, kliknij opcję „zaawansowane”, a następnie zaznacz pole zatytułowane „Pokaż menu rozwijania na pasku menu”. Bezpośredni! Wynikiem jest nowe pole w górnym menu, które wygląda następująco:
Zmiana agenta użytkownika
Podczas testowania witryny należy pamiętać o czterech głównych przeglądarkach - Internet Explorer, Firefox, Safari i Opera. Wcześniej omówiliśmy testowanie tych przeglądarek na platformach Windows i Mac. Jeśli jednak musisz szybko użyć klienta użytkownika w jednej z tych przeglądarek, aby sprawdzić fragment formatowania warunkowego, Safari ułatwia to. Możliwe jest również sfałszowanie agenta użytkownika przeglądarki iPhone lub iPod Touch, aby sprawdzić, jak zachowa się Twoja witryna na urządzeniu mobilnym:
Chociaż nie pozwala to przetestować wyglądu witryny w tych przeglądarkach, możliwe jest sprawdzenie, czy dowolne formatowanie warunkowe, specyficzne dla przeglądarki CSS lub przekierowania urządzeń mobilnych działają zgodnie z oczekiwaniami.
Oś czasu sieci
Podczas gdy emulacja agenta użytkownika jest przydatna, zdecydowanie najbardziej użytecznym elementem tej aktualizacji jest oś czasu sieci. Zapewnia to wizualną reprezentację każdego elementu ładowanego na stronie, wraz z czasem, jaki zajęło i całkowitym rozmiarem pliku. Ułatwia to sprawdzenie, które elementy strony spowalniają korzystanie z witryny i gdzie należy ją ograniczyć.
Uruchamianie Design Shack za pomocą tego narzędzia pokazuje, że naszym głównym świnio przepustowości są obrazy na stronie - raczej oczekiwane ze względu na charakter strony! Podkreślił kilka skryptów, których ładowanie trwało dłużej niż się spodziewaliśmy i może być podstawą do zmian w przyszłości. Oto jak narzędzie to działa podczas uruchamiania:
Chociaż podobne narzędzia analityczne są dostępne od wielu lat, jest to świetny sposób na wizualizację zaplecza witryny. Spróbuj uruchomić swoją stronę internetową i daj nam znać, jeśli znajdziesz coś interesującego!
