Просмотр исходного кода веб-страницы в Safari и других веб-браузерах является довольно рутинным занятием для многих людей, которые работают в Интернете для заработка или даже в качестве хобби. В отличие от некоторых других браузеров, для просмотра исходного кода страницы в Safari необходимо сначала включить набор инструментов разработчика, чтобы браузер мог получить доступ к функции просмотра исходного кода веб-страницы.

В этом руководстве показано, как просматривать исходный код веб-страницы в Safari на Mac OS. Это относится ко всем версиям Safari и MacOS.

Как просмотреть исходный код страницы в Safari для Mac

Вот как вы можете просмотреть исходный код веб-страницы в Safari на MacOS:

1. Сначала включите меню Safari Develop, перейдя в меню Safari, выбрав «Настройки», перейдя в «Дополнительно» и установив флажок, чтобы включить меню разработчика



2. Далее в любом окне Safari перейдите на веб-страницу, источник которой вы хотите просмотреть и проверить
3. Раскройте меню «Разработка» в верхней части экрана и выберите «Показать исходный код страницы» в параметрах меню



4. Исходный код веб-страницы появится на экране в разделе «Источники веб-инспектора» — наборе инструментов веб-разработчика, встроенном в Safari

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

Как просмотреть исходный код страницы с помощью сочетания клавиш в Safari на Mac

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

1. Перейдите на веб-страницу, исходный код которой вы хотите просмотреть
2. Нажмите комбинацию клавиш Command + Option + U, чтобы просмотреть исходный код страницы

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

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

Как бы то ни было, браузеры Chrome и Firefox также имеют схожие возможности инспектора веб-элементов, но, очевидно, здесь мы сосредоточимся на Safari для Mac.

Функции разработчика в Safari для Mac недоступны для iPhone или iPad (пока в любом случае), но если вы заинтересованы в получении возможностей просмотра исходного кода на мобильной стороне, вы можете использовать этот прием javascript для просмотра источник страницы в версиях Safari для iOS и ipadOS.

Есть ли у вас полезные советы или приемы, связанные с просмотром исходного кода страницы или набора инструментов разработчика в Safari? Поделитесь с нами своими мыслями, советами и опытом в комментариях.