Что нужно знать
- Чтобы включить: Настройки > выберите Дополнительно вкладку > переключатель Показать меню «Разработка» в строке менювкл.
- Для использования: выберите Разработка > Войти в режим адаптивного дизайна на панели инструментов Safari.
В этой статье объясняется, как включить режим адаптивного дизайна в Safari с 9 по Safari 13, в OS X El Capitan через macOS Catalina.
Как включить режим адаптивного дизайна в Safari
Чтобы включить режим адаптивного дизайна Safari вместе с другими инструментами разработчика Safari:
-
Перейдите в меню Safari и выберите Настройки.
Нажмите сочетание клавиш Command+ , (запятая) для быстрого доступа к настройкам.
-
В диалоговом окне Настройки выберите вкладку Дополнительно.
Image -
В нижней части диалогового окна установите флажок Показать меню «Разработка» в строке меню.
Image -
Теперь вы увидите Разработка в верхней строке меню Safari.
Image -
Выберите Разработка > Войти в режим адаптивного дизайна на панели инструментов Safari.
Нажмите сочетание клавиш Option+ Command+ R, чтобы быстро войти в режим адаптивного дизайна.
Image -
Активная веб-страница отображается в режиме адаптивного дизайна. В верхней части страницы выберите устройство iOS или разрешение экрана, чтобы увидеть, как будет отображаться страница.
Image -
Вы также можете посмотреть, как ваша веб-страница будет отображаться на различных платформах, используя раскрывающееся меню над значками разрешения.
Image
Инструменты разработчика Safari
В дополнение к режиму адаптивного дизайна меню «Разработка» в Safari предлагает другие полезные опции.
Открыть страницу с
Открывает активную веб-страницу в любом браузере, установленном в данный момент на Mac.
Агент пользователя
Когда вы меняете User Agent, вы можете обмануть веб-сайт, заставив его думать, что вы используете другой браузер.
Показать веб-инспектор
Отображает все ресурсы веб-страницы, включая информацию CSS и показатели DOM.
Показать консоль ошибок
Отображает ошибки и предупреждения JavaScript, HTML и XML.
Показать исходный код страницы
Позволяет просматривать исходный код активной веб-страницы и выполнять поиск по содержимому страницы.
Показать ресурсы страницы
Отображает документы, скрипты, CSS и другие ресурсы с текущей страницы.
Показать редактор сниппетов
Позволяет редактировать и выполнять фрагменты кода. Эта функция полезна с точки зрения тестирования.
Показать конструктор расширений
Помогает создавать расширения для Safari, соответствующим образом упаковывая код и добавляя метаданные.
Начать запись временной шкалы
Позволяет записывать сетевые запросы, выполнение JavaScript, отрисовку страницы и другие события в Инспекторе WebKit.
Пустые кеши
Удаляет все сохраненные кеши в Safari, а не только стандартные файлы кеша веб-сайта.
Отключить кэши
При отключенном кэшировании ресурсы загружаются с веб-сайта каждый раз, когда делается запрос на доступ, в отличие от использования локального кэша.
Разрешить JavaScript из поля интеллектуального поиска
Отключена по умолчанию из соображений безопасности. Эта функция позволяет вводить URL-адреса, содержащие JavaScript, в адресную строку Safari.
