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