Зміст
- Доступ до інструментів для розробників у веб-браузері Apple
- Як увімкнути чуйний режим дизайну в Safari
- Інструменти для розробників Safari
Доступ до інструментів для розробників у веб-браузері Apple
Переконання, що веб-сайти та веб-додатки підтримують безліч пристроїв та платформ, є важливим завданням для веб-розробників. Веб-браузер Safari від Apple включає в себе режим чуйного дизайну, який дозволяє переглядати, як відображатиметься ваш сайт у різних роздільних здатностях екрана та на різних версіях iPad, iPhone та iPod touch.
Інструкції в цій статті стосуються Safari 13 для macOS. Режим чуйного дизайну недоступний у версії Windows.
Як увімкнути чуйний режим дизайну в Safari
Щоб увімкнути інструменти для розробників Safari та режим чуйного дизайну:
-
Виберіть Сафарі > Переваги на панелі інструментів Safari.
Ви також можете використовувати комбінацію клавіш Командування+Кома (,) для доступу до меню налаштувань.
-
У меню Налаштування виберіть пункт Розширений та встановіть прапорець поруч Показати меню "Розвиток" у рядку меню. На панелі інструментів Safari у верхній частині екрана тепер має бути нова опція.
-
Виберіть Розвивайте > Увійдіть в режим чуйного дизайну на панелі інструментів Safari.
Ви також можете використовувати комбінацію клавіш Варіант+Командування+R для переходу в режим чуйного дизайну.
-
Активна веб-сторінка тепер повинна відображатися в режимі чуйного дизайну. Угорі сторінки виберіть пристрій iOS або роздільну здатність екрана, щоб побачити, як відображатиметься сторінка.
Ви також можете доручити Safari імітувати різні користувацькі агенти, використовуючи спадне меню безпосередньо над піктограмами роздільної здатності.
Інструменти для розробників Safari
Окрім режиму чуйного дизайну, меню Developer Safari пропонує багато інших корисних варіантів, зокрема:
- Відкрити сторінку: Відкрийте активну веб-сторінку в будь-якому іншому веб-переглядачі, який зараз встановлений на вашому Mac.
- Агент користувача: Зміна агента користувача змушує веб-сервери ідентифікувати ваш браузер як щось інше, ніж Safari.
- Підключіть веб-інспектора: Відображення всіх ресурсів веб-сторінки, включаючи інформацію CSS та показники DOM.
- Показати консоль помилок: Відображення помилок та попереджень JavaScript, HTML та XML.
- Показати джерело сторінки: Перегляд та пошук вихідного коду активної веб-сторінки.
- Показати ресурси на сторінці: Відображення документів, скриптів, CSS та інших ресурсів із поточної сторінки.
- Показати редактор фрагментів: Редагування та виконання фрагментів коду. Ця функція дуже корисна з точки зору тестування.
- Показати програму розширення: Створіть власні розширення Safari, упакувавши відповідний код і додавши метадані.
- Розпочати запис часової шкали: Записуйте мережеві запити, виконання JavaScript, візуалізацію сторінок та інші події в інспекторі WebKit.
- Порожні кеші: Видаліть усі збережені кеші в Safari, а не лише стандартні файли кешу веб-сайту.
- Вимкнути кеші: Якщо вимкнено кешування, ресурси завантажуються з веб-сайту щоразу, коли запит на отримання доступу на відміну від використання локального кешу.
- Дозволити JavaScript з поля інтелектуального пошуку: Вимкнено за умовчанням з міркувань безпеки, ця функція дозволяє вводити URL-адреси, що містять JavaScript, в адресному рядку Safari.
- Ставтесь до сертифікатів SHA-1 як до небезпечних: Скорочене для алгоритму безпечного хешу, хеш-функція SHA-1 виявилася менш захищеною, ніж вважалося спочатку, отже, додавання цього варіанту в Safari.