Прегледът на изходния код на уеб страници в Safari и други уеб браузъри е доста рутинна дейност за много хора, които работят с мрежата за препитание или дори като хоби. За разлика от някои други браузъри, за да видите изходния код на страницата в Safari, първо трябва да активирате набор от инструменти за разработчици за браузъра, за да имате достъп до функцията за преглед на изходния код на уеб страницата.

Този урок ще демонстрира как да видите източник на уеб страници в Safari на Mac OS. Това се отнася за всички версии на Safari и MacOS.

Как да видите изходния код на страницата в Safari за Mac

Ето как можете да видите източник на уеб страници в Safari на MacOS:

1. Първо, активирайте менюто за разработка на Safari, като отидете в менюто на Safari, изберете „Предпочитания“, отидете на „Разширени“ и поставите отметка в квадратчето, за да активирате менюто за разработчици



2. След това в който и да е прозорец на Safari отидете до уеб страницата, чийто източник искате да видите и инспектирате
3. Издърпайте надолу менюто „Разработване“ в горната част на екрана и изберете „Показване на изходния код на страницата“ от опциите на менюто



4. Източникът на уеб уеб страниците ще се появи на екрана в раздела Източници на уеб инспектора, набор от инструменти за уеб програмисти, вграден в Safari

Освен преглед на изходния код на страницата, можете също да използвате менюто Разработване, за да изпълните много други полезни трикове и задачи за разработчици в мрежата, включително деактивиране на Javascript и изчистване на кеша на Safari сред безброй други функции и възможности, които са насочени към напреднали потребители и разработчици, като намиране на вградени файлове в страници.

Как да видите изходния код на страницата чрез клавишна комбинация в Safari на Mac

След като сте активирали менюто Разработване в Safari, можете също да използвате клавишна комбинация за бърз преглед на произволен източник на уеб страница в браузъра Safari за Mac:

1. Навигирайте до уеб страницата, за която искате да видите изходния код на страницата
2. Натиснете клавишна комбинация Command + Option + U, за да видите изходния код на страницата

Клавишната комбинация за преглед на изходния код на страницата ще отвори инструмента за уеб инспектор, точно както при достъп до него от менюто Разработване.

Ако сте напреднал потребител на Safari, активирането на менюто Develop вероятно е едно от първите неща, които правите, когато стартирате браузъра за първи път.

За това, което си заслужава, браузърите Chrome и браузърите Firefox също имат подобни възможности за инспектор на уеб елементи, но очевидно тук се фокусираме върху Safari за Mac.

Функциите за разработчици в Safari за Mac не са налични за iPhone или iPad (все още), но ако се интересувате да получите опции за преглед на източника от мобилната страна, можете да използвате този трик с javascript, за да видите източник на страница във версии на Safari за iOS и ipadOS.

Имате ли полезни съвети или трикове, свързани с прегледа на изходния код на страницата или набора от инструменти за разработчици в Safari? Споделете вашите мисли, съвети и опит с нас в коментарите.