TechBlogSD - Все для WordPress і WEB розробки
WEB і WordPress інструкції, новини, огляди тем та плагінів

10 порад для розробників, які використовують Safari на Mac

1

Apple стверджує, що Safari є найшвидшим браузером і допомагає зберегти більше часу автономної роботи в порівнянні з Chrome і Firefox. Хоча з плином часу продуктивність Safari падає, це, безумовно, кращий браузер на Mac. Спеціально для розробників є багато прихованих функцій, щоб більше використовувати Safari. У цій статті ми розглянемо 10 порад для розробників, які використовують Safari на Mac.

1 Увімкніть меню «Розробка»

За замовчуванням меню розробника в Safari вимкнено, а отже, можливо, ви не зможете переглянути вихідний CSS або HTML веб -сторінки. Перейдіть до «Safari> Налаштування…» і увімкніть опцію на вкладці «Додатково», щоб додати меню «Розробка» на панелі меню за замовчуванням.

10 порад для розробників, які використовують Safari на Mac

Показати меню розробки в Safari

2 Перегляд повної URL -адреси в рядку адреси та стану

Іноді перегляд доменного імені в адресному рядку може звести вас з розуму. Увімкніть опцію на вкладці «Додатково» у налаштуваннях Safari, щоб переглянути повну URL -адресу сайту.

Аналогічно, якщо ви звикли дивитися на ліву нижню частину рядка стану під час наведення курсора на посилання, ви можете включити показ посилань у меню «Перегляд> Показати рядок стану».

3 Перегляньте вихідний код сторінки

Після ввімкнення меню «Розробка», клацнувши правою кнопкою миші на сторінці, ви побачите додаткові параметри перегляду вихідного коду сторінки та опції «Перевірити елемент». Вибравши будь -який із варіантів, відкриється консоль веб -інспектора Safari, де відображаються ресурси, що використовуються на сторінці.

10 порад для розробників, які використовують Safari на Mac

Клацніть правою кнопкою миші Параметри на Safari

Докладніше про перегляд вихідного коду сторінки за допомогою Safari.

4 Очистіть і вимкніть кеші

Хоча кеш допомагає швидше завантажити сторінку для звичайних користувачів, це одна з найбільших проблем для розробника. Особливо, коли ви увійшли на якийсь сайт, неможливо очистити кеші за допомогою опції очистити історію, оскільки це призведе до виходу з сайту. Найпростіший спосіб – використати порожні або вимкнути кеші, доступні в меню «Розробка».

10 порад для розробників, які використовують Safari на Mac

Меню розробки Safari

5 Увімкніть чуйний режим

Реактивний режим допомагає перевірити ваш дизайн на різних пристроях та агентах користувача. Safari дозволяє розробникам використовувати розширений режим чуйного режиму, який можна ввімкнути в меню «Розробка».

10 порад для розробників, які використовують Safari на Mac

Реактивний режим Safari

Нижче наведено варіанти, які можна виконати з чуйним режимом:

  • Увійдіть або вийдіть із режиму реагування за допомогою комбінацій клавіш “Option + Command + R", якщо ввімкнено меню “Розробка”.
  • Виберіть пристрій та коефіцієнт масштабування зображень сітківки, щоб побачити, як виглядає сторінка на різних пристроях.
  • Ви можете перетягнути розмір сторінки, щоб переглянути її так, як вам потрібно.
  • За замовчуванням доступні портретні та альбомні види всіх пристроїв Apple для перегляду того, як буде виглядати сторінка на iPhone, iPad та Mac.
  • Ви також можете вибрати агенти користувача для браузерів Chrome, Firefox, IE та Edge, щоб побачити вигляд сторінки на платформах Windows, OS X та iOS. Агенти користувача також можна змінити за допомогою опції меню «Розробка> Агент користувача».

6 Редактор фрагментів

Редактор фрагментів – це інструмент попереднього перегляду коду, включений у меню «Розробка». Це допомагає перевірити коди JavaScript та HTML CSS на сторінці як пісочницю, не відкриваючи іншу сторінку.

10 порад для розробників, які використовують Safari на Mac

Редактор фрагментів Safari

7 Вимкніть зображення, стилі та JavaScript

Легко вимкнути або ввімкнути зображення на веб -сторінці, CSS та JavaScript, використовуючи один клік у меню «Розробка». Це допомагає розробнику переглядати сторінку без зображень, CSS та сценаріїв, щоб перевірити час завантаження та усунути проблеми з іншими матеріалами.

8 Запис за шкалою часу

Оскільки швидкість завантаження сторінки важливіша, легко записати дії на сторінці за допомогою опції «Почати запис часової шкали» в меню «Розробка». Запис можна використовувати для аналізу вхідних запитів мережі HTTP, рендеринга макета та подій JavaScript.

10 порад для розробників, які використовують Safari на Mac

Запис часової шкали Safari

9 Вимкніть перехресне походження та обмеження локальних файлів

Перехресне обмеження походження (CORE) є основою веб-дизайну, яке не дозволяє завантажувати певні типи файлів, такі як шрифти, розміщені в іншому домені. Вимкнувши CORE, ви легко можете перевірити ресурси, розташовані в будь -яких інших доменах.

Аналогічним чином відключення опції обмеження локальних файлів допомагає вимкнути перевірки безпеки, що перешкоджають вашому локальному розвитку.

10 Дозволити JavaScript із поля розумного пошуку

Увімкнення цієї опції в меню "Розробка" дозволить вам запускати вирази JavaScript прямо з адресного рядка Safari із синтаксисом "javascript: вираз".

Дізнайтеся 10 порад щодо збільшення продуктивності в Safari для звичайних користувачів.

Джерело запису: www.webnots.com

Цей веб -сайт використовує файли cookie, щоб покращити ваш досвід. Ми припустимо, що з цим все гаразд, але ви можете відмовитися, якщо захочете. ПрийнятиЧитати далі