Добавьте дополнительные функции, включив меню разработки Safari

Safari предлагает множество специальных функций, разработанных для веб-разработчиков, которые собраны вместе в меню «Разработка», которое по умолчанию не отображается в строке меню. Меню «Разработка» содержит параметры для изменения пользовательского агента, отображения веб-инспектора и консоли ошибок, отключения JavaScript и отключения кешей Safari. Даже если вы не разработчик, некоторые из этих функций могут оказаться вам полезными.

Использовать меню «Разработка» достаточно просто: каждый пункт в меню относится к загруженной в данный момент и первой странице или вкладке Safari, а затем к любым впоследствии загруженным веб-страницам. Исключение составляет такая команда, как «Очистить кеши», которая оказывает глобальное влияние на Safari.

Информация в этой статье относится к Safari версий с 8 по 12, хотя большая часть ее также появляется в более ранних версиях меню «Разработка».

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

Прежде чем вы сможете использовать меню «Разработка», вы должны сначала сделать скрытое меню видимым. Это простая задача, намного проще, чем открыть меню «Отладка», которое — до Safari 4 — содержало все команды, которые теперь находятся в меню «Разработка». Однако не думайте, что старое меню Debug больше не актуально; он все еще существует и содержит много полезных инструментов.

Запуск сафари из док или папку приложения Mac.
Откройте настройки Safari, нажав сафари в строке меню и выбрав Настройки в раскрывающемся меню.
Нажмите РАСШИРЕННЫЙ вкладка на экране настроек.
Поставьте галочку рядом с Показать меню «Разработка» в строке меню.

Если вы когда-нибудь захотите отключить меню разработчика, снимите галочку в сафари > Настройки > РАСШИРЕННЫЙ экрана.

Использование меню разработки

Меню «Разработка» появляется в строке меню Safari между пунктами меню «Закладки» и «Окно». Меню «Разработка» особенно удобно для веб-разработчиков, но оно может оказаться полезным и для обычных пользователей.

Некоторые из пунктов меню «Разработка», которые вы, вероятно, найдете наиболее полезными, включают:

Открыть страницу с: Позволяет открыть текущую веб-страницу в любом браузере, установленном на вашем Mac. Если вы когда-нибудь посещали веб-сайт, который некорректно работает с Safari, используйте эту команду, чтобы быстро перейти на ту же веб-страницу в другом браузере.
Агент пользователя: Пользовательский агент — это строка текста, которую браузер отправляет на веб-сервер, на котором размещена веб-страница. Если вы когда-нибудь посещали веб-страницу, на которой говорилось, что Safari не поддерживается, значит, сайт узнал, какой браузер вы используете. В большинстве случаев неподдерживаемая версия — это ерунда, и с помощью этого пункта меню вы можете изменить пользовательский агент, чтобы имитировать агент из другого браузера. Вы можете быть поражены тем, сколько раз веб-страница, которая не работает, внезапно срабатывает, просто изменив пользовательский агент.
Пустые кэши: Safari хранит кеш недавно посещенных сайтов. Данные, хранящиеся в этом кэше, включают все элементы страницы, которые можно использовать для быстрой визуализации веб-сайта, когда вы вернетесь на страницу. Иногда кеш может быть старым или поврежденным, что приводит к неправильному отображению веб-страницы. Очистка кеша может решить эти проблемы и даже помочь ускорить Safari.

Большинство оставшихся пунктов меню, вероятно, более полезны для веб-разработчиков, но если вас интересует, как устроены веб-сайты, могут быть интересны следующие элементы:

Показать веб-инспектор: Откроется веб-инспектор внизу текущей страницы. С помощью Web Inspector вы можете изучить элементы, которые использовались при создании страницы.
Показать источник страницы: Отображает HTML-код текущей страницы.
Показать ресурсы страницы: Откроется боковая панель Resource Inspector в Web Inspector. Он обеспечивает простой способ увидеть, какие изображения, скрипты, таблицы стилей и другие элементы используются на текущей странице.
Начать запись на шкале времени: Если вы хотите увидеть, как загружается и работает веб-страница, попробуйте Начать запись на шкале времени вариант. Это создает график, показывающий сетевую активность и то, как каждый элемент сайта загружается и используется. Это делает дисплей интересным, но не забудьте отключить эту функцию, выбрав Остановить запись на временной шкале. В противном случае вы используете ресурсы вашего Mac для непродуктивных задач, если вы не веб-разработчик.
Войдите в режим адаптивного дизайна: Еще один инструмент для веб-разработчиков — это встроенный симулятор, который позволяет предварительно просмотреть, как ваша веб-страница будет выглядеть при разных разрешениях экрана или на разных устройствах, таких как iPad или iPhone. Просто загрузите интересующую вас страницу и выберите Войдите в режим адаптивного дизайна для предварительного просмотра страницы. Вы можете попробовать отрисовку страницы с помощью различных устройств или выбрать разрешение экрана для использования. Когда вы закончите, вернитесь в меню «Разработка» и выберите Выйти из режима адаптивного дизайна.
Экспериментальные возможности: Если вы чувствуете себя смелым, вы можете попробовать некоторые из функций, которые могут найти свое место в будущих версиях браузера Safari.

Когда отображается меню «Разработка», потратьте некоторое время, чтобы опробовать различные пункты меню. Вероятно, у вас будет несколько избранных, которые вы будете часто использовать.