Як подивитися вихідний код: 12 кроків

З цієї статті ви дізнаєтеся, як переглядати вихідний код, тобто мову програмування веб-сторінки, в більшості популярних браузерів. Майте на увазі, що в мобільних версіях браузерів (крім мобільної версії Safari) вихідний код сторінки переглянути не вийде.

кроки

Метод 1 з 2:

Chrome, Firefox, Edge і Internet Explorer

1. Відкрийте веб-браузер. Процес перегляду вихідного коду однаковий для Chrome, Firefox, Microsoft Edge і Internet Explorer.

Зображення з назвою View Source Code Step 2

2. Відкрийте веб-сторінку. Тобто перейдіть на сторінку, вихідний код якої потрібно переглянути.

Зображення з назвою View Source Code Step 3

3. Клацніть правою кнопкою миші по сторінці. Якщо у вас Mac-комп`ютер і всього одна кнопка миші, затисніть Control і клацніть лівою кнопкою миші. Якщо у вас ноутбук з трекпедом клацніть по ньому двома пальцями. Відкриється контекстне меню.

Чи не клацайте правою кнопкою миші по посиланню або фотографії, тому що так відкриється інше меню.

Зображення з назвою View Source Code Step 4

4. клацніть по Переглянути джерело сторінки або Вихідний код сторінки. Вихідний код сторінки відобразиться в новому вікні або в нижній частині поточного вікна.

У Chrome клацніть по «Переглянути джерело сторінки», в Firefox по «Вихідний код сторінки», в Edge і Internet Explorer по «Перегляд коду».

Також можна натиснути Ctrl+У (Windows) або ⌥ Option+⌘ Command+У (Mac OS X), щоб відобразити вихідний код.

Метод 2 з 2:

Safari

1. Відкрийте Safari. Значок цього браузера має вигляд синього компаса.

Зображення з назвою View Source Code Step 6

2. клацніть по Safari. Ця опція знаходиться у верхній лівій частині панелі меню. Відкриється меню, що випадає.

Зображення з назвою View Source Code Step 7

3. натисніть налаштування. Ця опція знаходиться посередині меню, що випадає.

Зображення з назвою View Source Code Step 8

4. Перейдіть на вкладку додатки. Вона знаходиться у верхньому правому кутку вікна «Налаштування».

Зображення з назвою View Source Code Step 9

5. Поставте прапорець у «Показувати меню Розробка в рядку меню». Ця опція знаходиться в нижній частині вікна «Налаштування». У рядку меню відобразиться меню «Розробка».

Зображення з назвою View Source Code Step 10

6. Відкрийте веб-сторінку. Тобто перейдіть на сторінку, вихідний код якої потрібно переглянути.

Зображення з назвою View Source Code Step 11

7. клацніть по Розробка. Це меню знаходиться зліва від меню «Вікно» в рядку меню.

Зображення з назвою View Source Code Step 12

8. натисніть Показувати програмний код сторінки . Ця опція знаходиться в нижній частині меню, що випадає. У вікні Safari відобразиться вихідний код веб-сторінки.

Також можна натиснути ⌥ Option+⌘ Command+У, щоб відобразити вихідний код.

Поради

У мобільних версіях браузерів вихідний код сторінки переглянути не вийде. Це не відноситься до Safari, закладку якого можна зберегти на iPhone або iPad, а потім переглянути вихідний код.

попередження

Краще не викачувати сторонні додатки, які нібито відображають вихідний код веб-сторінки.