TechBlogSD - Wszystko do WordPressa i tworzenia stron internetowych
Instrukcje WEB i WordPress, nowości, recenzje motywów i wtyczek

10 wskazówek dla programistów korzystających z Safari na Macu

43

Apple twierdzi, że Safari jest najszybszą przeglądarką i pomaga zachować dłuższy czas pracy baterii w porównaniu z Chrome i Firefox. Chociaż wydajność Safari spada z czasem, jest to zdecydowanie lepsza przeglądarka na Macu. Specjalnie dla programistów istnieje wiele ukrytych funkcji, które pozwalają lepiej wykorzystać Safari. W tym artykule omówimy 10 wskazówek dla programistów korzystających z Safari na Macu.

1 Włącz menu rozwijania

Domyślnie menu programisty w Safari jest wyłączone, dlatego możesz nie być w stanie wyświetlić kodu CSS lub HTML strony internetowej. Przejdź do „Safari> Preferencje…" i włącz opcję w zakładce „Zaawansowane”, aby dodać menu „Rozwój” na domyślnym pasku menu.

10 wskazówek dla programistów korzystających z Safari na Macu

Pokaż menu rozwijania w Safari

2 Wyświetlanie pełnego adresu URL na pasku adresu i pasku stanu

Czasami patrzenie na nazwę domeny na pasku adresu może doprowadzać Cię do szału. Włącz opcję w zakładce „Zaawansowane” w preferencjach Safari, aby wyświetlić pełny adres URL witryny.

Podobnie, jeśli jesteś przyzwyczajony do patrzenia na lewy dolny pasek stanu po najechaniu kursorem na linki, możesz włączyć wyświetlanie linków z menu "Widok> Pokaż pasek stanu".

3 Wyświetl kod źródłowy strony

Po włączeniu menu „Rozwijaj”, kliknięcie prawym przyciskiem myszy na stronie pokaże dodatkowe opcje przeglądania źródła strony i opcje „Sprawdź element”. Wybranie dowolnej opcji otworzy konsolę inspektora internetowego Safari wyświetlającą zasoby używane na stronie.

10 wskazówek dla programistów korzystających z Safari na Macu

Opcje kliknięcia prawym przyciskiem myszy w Safari

Przeczytaj więcej o wyświetlaniu kodu źródłowego strony w przeglądarce Safari.

4 Opróżnij i wyłącz pamięci podręczne

Chociaż pamięci podręczne pomagają ładować stronę szybciej zwykłym użytkownikom, jest to jeden z największych problemów dla programistów. Zwłaszcza po zalogowaniu się do jakiejś witryny nie można wyczyścić pamięci podręcznej za pomocą opcji czyszczenia historii, ponieważ spowoduje to wylogowanie z witryny. Najprostszym sposobem jest użycie pustych lub wyłączonych pamięci podręcznych dostępnych w menu „Rozwiń”.

10 wskazówek dla programistów korzystających z Safari na Macu

Safari Develop Menu

5 Włącz tryb responsywny

Tryb responsywny jest pomocny przy sprawdzaniu projektu na różnych urządzeniach i klientach użytkownika. Safari umożliwia programistom korzystanie z zaawansowanej funkcji trybu responsywnego, którą można włączyć w menu „Rozwój”.

10 wskazówek dla programistów korzystających z Safari na Macu

Tryb responsywny Safari

Oto opcje, które możesz zrobić w trybie responsywnym:

  • Wejdź lub wyjdź z trybu responsywnego za pomocą skrótów klawiaturowych „Option + Command + R”, gdy włączone jest menu „Develop”.
  • Wybierz urządzenie i współczynnik skali dla obrazów siatkówki, aby zobaczyć, jak strona wygląda na różnych urządzeniach.
  • Możesz przeciągnąć rozmiar strony, aby wyświetlić go zgodnie z potrzebami.
  • Domyślnie dostępne są widoki pionowe i poziome wszystkich urządzeń Apple, aby zobaczyć, jak strona będzie wyglądać na iPhonie, iPadzie i Macu.
  • Możesz także wybrać agenty użytkownika dla przeglądarek Chrome, Firefox, IE i Edge, aby zobaczyć wygląd strony na platformach Windows, OS X i iOS. Agenty użytkownika można również zmienić za pomocą opcji menu „Rozwój > Agent użytkownika”.

6 Edytor fragmentów

Edytor fragmentów to podgląd kodu włączony w menu „Rozwój”. Pomaga to zweryfikować kody CSS JavaScript i HTML na stronie jako piaskownicy bez otwierania innej strony.

10 wskazówek dla programistów korzystających z Safari na Macu

Edytor fragmentów Safari

7 Wyłącz obrazy, style i JavaScript

Łatwo jest wyłączyć lub włączyć obrazy na stronie internetowej, CSS i JavaScript za pomocą jednego kliknięcia w menu „Rozwiń”. Pomaga to programiście przeglądać stronę bez obrazów, CSS i skryptów, aby sprawdzić czas ładowania i rozwiązać inne problemy.

8 Nagrywanie na osi czasu

Ponieważ szybkość ładowania strony jest ważniejsza, łatwo jest rejestrować działania na stronie za pomocą opcji „Rozpocznij nagrywanie na osi czasu” w menu „Rozwój”. Możesz użyć nagrania do analizy przychodzących żądań sieci HTTP, renderowania układu i zdarzeń JavaScript.

10 wskazówek dla programistów korzystających z Safari na Macu

Nagrywanie na osi czasu w Safari

9 Wyłącz ograniczenie między źródłami i lokalnymi plikami

Ograniczenie cross-origin (CORE) to podstawa projektowania stron internetowych, która nie pozwala na ładowanie niektórych typów plików, takich jak czcionki hostowane w innej domenie. Wyłączając CORE możesz łatwo testować zasoby znajdujące się na dowolnych innych domenach.

Podobnie wyłączenie opcji lokalnych ograniczeń plików pomaga wyłączyć kontrole bezpieczeństwa utrudniające rozwój lokalny.

10 Zezwalaj na JavaScript z inteligentnego pola wyszukiwania

Włączenie tej opcji w menu „Rozwój” umożliwi uruchamianie wyrażeń JavaScript bezpośrednio z paska adresu Safari ze składnią „javascript: wyrażenie”.

Poznaj 10 wskazówek, jak zwiększyć produktywność w Safari dla zwykłych użytkowników.

Źródło nagrywania: www.webnots.com
Leave A Reply

Ta strona korzysta z plików cookie, aby poprawić Twoje wrażenia. Zakładamy, że nie masz nic przeciwko, ale możesz zrezygnować, jeśli chcesz. Akceptuję Więcej szczegółów