Перегляд вихідного коду веб-сторінок у 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? Поділіться з нами своїми думками, порадами та досвідом у коментарях.