В Safari есть множество специальных функций, предназначенных для веб-разработчиков, которые собраны вместе в скрытом меню «Разработка». В зависимости от версии Safari, которую вы запускаете, в меню «Разработка» отобразятся четыре или более групп элементов меню, например, возможность изменения User Agent, показать дополнительные функции, такие как веб-инспектор и консоль ошибок, отключить JavaScript, или отключить кеши Safari. Даже если вы не разработчик, вы можете найти некоторые из этих функций полезными.
Использование меню «Разработка» достаточно просто, с каждым элементом в меню, относящимся к загруженной и самой последней странице Safari или вкладке, а затем к любым последующим загружаемым веб-страницам. Исключением являются команды, такие как пустые кеши, которые оказывают глобальное влияние на Safari.
Прежде чем вы сможете использовать меню «Разработка», вы должны сначала сделать это скрытое меню видимым. Это довольно простая задача, гораздо проще, чем открытие меню Debug, которое до Safari 4 содержало все команды, которые теперь содержатся в меню «Разработка». Но не думайте, что более старое меню Debug больше не актуально; он все еще существует и содержит много полезных инструментов.
Отобразить меню «Разработка» в Safari
-
Запустите Safari, расположенный в / Applications / Safari.
-
Откройте Настройки Safari, выбрав «Safari, Preferences» в меню.
-
Перейдите на вкладку «Дополнительно».
-
Установите галочку рядом с надписью «Show Develop» в строке меню.
Появится меню «Разработка» между элементами меню «Закладки» и «Окно». Меню «Разработка» особенно удобно для веб-разработчиков, но случайные пользователи также посчитают его очень полезным.
Если вы когда-нибудь захотите отключить меню «Разработчик», просто удалите галочку на шаге 4 выше.
Некоторые из пунктов меню «Разработка», которые вы, вероятно, найдете наиболее полезными, включают:
- Открыть страницу С помощью: позволяет открыть текущую веб-страницу в любом браузере, установленном на вашем Mac. Если вы когда-либо посещали веб-сайт, который, похоже, не работает правильно с Safari, вы можете использовать эту команду, чтобы быстро перейти на ту же веб-страницу в другом браузере
- User Agent: Пользовательский агент представляет собой строку текста, которую браузер отправляет на веб-сервер, на котором размещена веб-страница. Если вы когда-либо посещали веб-страницу, в которой утверждалось, что Safari не поддерживается, именно так сайт знал, какой браузер вы используете. В большинстве случаев «не поддерживается» - это нонсенс, и с помощью этого пункта меню вы можете изменить агент пользователя, чтобы имитировать один из другого браузера. Вы можете быть удивлены, сколько раз веб-страница, которая не работает внезапно, просто изменив агент пользователя.
- Пустые кеши: Safari хранит кэш недавно доступных сайтов. Данные, хранящиеся в этом кеше, включают в себя все элементы страницы, которые можно использовать для быстрого отображения веб-сайта при возврате на страницу. Иногда кеш может быть старым или поврежденным, в результате чего веб-страница отображается некорректно. Опорожнение кеша может устранить эти проблемы и даже может помочь ускорить Safari.
Большинство остальных элементов меню, вероятно, будут более полезны для веб-разработчиков, но если вас интересует, как создаются веб-сайты, могут возникнуть следующие вопросы:
- Показать веб-инспектора: Это откроет веб-инспектор в нижней части текущей страницы. С помощью Web Inspector вы можете изучить элементы, которые вошли в создание страницы.
- Show Page Source: Это позволит вам увидеть HTML-код текущей страницы.
- Показывать ресурсы страницы: открывается веб-панель «Инспектор ресурсов» в веб-инспекторе, которая обеспечивает простой способ увидеть, какие изображения, сценарии, таблицы стилей и другие элементы используются на текущей странице.
- Запуск записи по временной шкале: если вы хотите посмотреть, как загружается и запускается веб-страница, попробуйте параметр «Записать временную шкалу». Это создаст график, показывающий активность сети, и как каждый элемент сайта загружается и используется. Это делает интересным отображение, но не забудьте выключить эту функцию, выбрав «Stop Timeline Recording»; в противном случае вы будете использовать ресурсы вашего Mac на непроизводительных задачах, то есть, если вы не веб-разработчик.
- Войдите в режим адаптивного дизайна: еще один инструмент для веб-разработчиков во встроенном симуляторе, который позволяет вам просматривать, как ваша веб-страница будет смотреть на различные разрешения экрана или с помощью разных устройств, таких как iPad или iPhone. Просто загрузите интересующую вас страницу и выберите «Ввести режим адаптивного дизайна», чтобы просмотреть страницу. Вы можете попробовать рендеринг страниц с помощью различных устройств или выбрать разрешение экрана для использования. Когда вы закончите, вернитесь в меню «Разработка» и выберите «Выход из адаптивного режима разработки».
- Экспериментальные функции: этот пункт меню недоступен во всех версиях Safari, и его содержимое может изменяться с каждым обновлением Safari. Но если ваше чувство смелости, вы можете попробовать несколько функций, которые могут найти свой путь в будущих версиях браузера Safari.
В появившемся меню «Разработка» найдите время, чтобы опробовать различные пункты меню. Вероятно, у вас будет несколько фаворитов, которые вы часто будете использовать.
