Как включить меню разработки Safari

Некоторые из лучших функций Safari скрыты

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

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

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

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

  1. Запустите Safari, расположенный в/Applications/Safari.

  2. Откройте Настройки Safari, выбрав в меню «Safari, Настройки».

  3. Нажмите на вкладку «Дополнительно».

  4. Поставьте галочку рядом с «Показать меню разработки в строке меню».

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

Если вы когда-нибудь захотите отключить меню «Разработчик», просто снимите флажок на шаге 4 выше.

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

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

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

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

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

Оцените статью
Solutics.ru
Добавить комментарий