Что нужно знать
- Выбрать Safari > Настройки > Дополнительно > Показать меню разработки в строке меню.
- Чтобы использовать «Разработку», перейдите в меню Safari и выберите Разработка между закладками и окном.
- Наиболее полезные параметры разработки: «Открыть страницу с», «Пользовательский агент» и «Пустой кэш».
В этой статье объясняется, как отображать и использовать меню «Разработка» в веб-браузере Safari (версии с 8 по 12).
Отображение меню «Разработка» в Safari
Прежде чем вы сможете использовать меню «Разработка», вы должны сначала сделать скрытое меню видимым. Это простая задача, намного проще, чем открыть меню «Отладка», которое до Safari 4 содержало все команды, которые сейчас находятся в меню «Разработка». Однако не думайте, что старое меню отладки больше не актуально; он все еще существует и содержит множество полезных инструментов.
-
Запустите Safari из Dock или из папки приложения Mac.
Image -
Откройте настройки Safari, нажав Safari в строке меню и выбрав Настройки в раскрывающемся меню.
Image -
Нажмите вкладку Дополнительно на экране настроек.
Image -
Выберите Показать меню «Разработка» в строке меню.
Image
Если вы когда-нибудь захотите отключить меню разработчика, снимите галочку в Safari > Настройки > Расширенный экран.
Использование меню разработки
Меню «Разработка» появляется в строке меню Safari между пунктами меню «Закладки» и «Окно». Меню «Разработка» особенно удобно для веб-разработчиков, но оно может оказаться полезным и для обычных пользователей.
Некоторые из пунктов меню «Разработка», которые вы, вероятно, найдете наиболее полезными, включают:
- Открыть страницу с помощью: позволяет открыть текущую веб-страницу в любом браузере, установленном на вашем Mac. Если вы когда-нибудь посещаете веб-сайт, который неправильно работает в Safari, используйте эту команду, чтобы быстро перейти на ту же веб-страницу в другом браузере.
- User Agent: Пользовательский агент представляет собой строку текста, которую браузер отправляет на веб-сервер, на котором размещена веб-страница. Если вы когда-либо посещали веб-страницу, на которой говорилось, что Safari не поддерживается, то именно так сайт знал, какой браузер вы используете. В большинстве случаев не поддерживается - это ерунда, и с помощью этого пункта меню вы можете изменить пользовательский агент, чтобы он имитировал его из другого браузера. Вы можете быть поражены тем, сколько раз веб-страница, которая не работает, внезапно начинает работать, просто меняя пользовательский агент.
- Пустые кеши: Safari хранит в кеше недавно посещенные сайты. Данные, хранящиеся в этом кеше, включают в себя все элементы страницы, которые можно использовать для быстрого отображения веб-сайта, когда вы возвращаетесь на страницу. Иногда кеш может быть старым или поврежденным, что приводит к неправильному отображению веб-страницы. Очистка кеша может решить эти проблемы и даже ускорить работу Safari.
Дополнительные пункты меню разработки
Большинство оставшихся пунктов меню, вероятно, более полезны для веб-разработчиков, но если вам интересно, как устроены веб-сайты, то могут быть интересны следующие пункты:
- Показать веб-инспектор: открывает веб-инспектор внизу текущей страницы. С помощью Web Inspector вы можете проверить элементы, которые использовались при создании страницы.
- Show Page Source: Отображает HTML-код текущей страницы.
- Показать ресурсы страницы: открывает боковую панель инспектора ресурсов в веб-инспекторе. Он позволяет легко увидеть, какие изображения, скрипты, таблицы стилей и другие элементы используются на текущей странице.
- Начать запись временной шкалы: Если вы хотите увидеть, как загружается и работает веб-страница, попробуйте параметр Начать запись временной шкалы. Это создает график, показывающий сетевую активность и то, как загружается и используется каждый элемент сайта. Это делает отображение интересным, но не забудьте отключить эту функцию, выбрав Остановить запись временной шкалы В противном случае вы используете ресурсы своего Mac для непродуктивных задач - если вы не являетесь веб-мастером. разработчик.
- Enter Responsive Design Mode: Еще одним инструментом для веб-разработчиков является встроенный симулятор, который позволяет предварительно просмотреть, как ваша веб-страница будет выглядеть при разных разрешениях экрана или на разных устройствах., например iPad или iPhone. Просто загрузите интересующую вас страницу и выберите Войти в режим адаптивного дизайна, чтобы просмотреть страницу. Вы можете попробовать рендеринг страницы с помощью различных устройств или выбрать разрешение экрана для использования. Когда вы закончите, вернитесь в меню «Разработка» и выберите Выход из режима адаптивного дизайна
- Экспериментальные функции: Если вы чувствуете себя смелым, вы можете попробовать некоторые функции, которые могут появиться в будущих версиях браузера Safari.
Когда открыто меню «Разработка», найдите время, чтобы опробовать различные пункты меню. Вероятно, у вас останется несколько избранных, которые вы будете использовать часто.
