Съдържание
- Достъп до инструменти за програмисти в уеб браузъра на Apple
- Как да активирате отзивчив режим на проектиране в Safari
- Инструменти за разработчици на Safari
Достъп до инструменти за програмисти в уеб браузъра на Apple
Уверете се, че уебсайтовете и уеб приложенията поддържат множество устройства и платформи е съществена задача за уеб разработчиците. Уеб браузърът на Safari на Apple включва режим на отзивчив дизайн, който ви позволява да визуализирате как рендерира вашия сайт при различни разделителни способности на екрана и при различни iPad, iPhone и iPod touch изгражда.
Инструкциите в тази статия се прилагат за Safari 13 за macOS. Режимът на отзивчивия дизайн не е наличен във версията на Windows.
Как да активирате отзивчив режим на проектиране в Safari
За да активирате инструментите за разработчици на Safari и режима на отзивчив дизайн:
-
Изберете сафари > Предпочитания в лентата с инструменти Safari.
Можете също да използвате клавишната комбинация команда+Запетая (,) за достъп до менюто Предпочитания.
-
В менюто Предпочитания изберете напреднал и поставете отметка в квадратчето до Показване на меню за разработване в лентата с менюта, Нова опция вече трябва да е налична в лентата с инструменти Safari в горната част на екрана.
-
Изберете Разработване > Влезте в режим на отзивчив дизайн в лентата с инструменти Safari.
Можете също да използвате клавишната комбинация опция+команда+R за да влезете в режим на отзивчив дизайн.
-
Активната уеб страница вече трябва да се показва в режим на отзивчив дизайн. В горната част на страницата изберете устройство с iOS или разделителна способност на екрана, за да видите как страницата ще се изобразява.
Можете също така да инструктирате Safari да симулира различни потребителски агенти, използвайки падащото меню директно над иконите за разделителна способност.
Инструменти за разработчици на Safari
В допълнение към режима на отзивчив дизайн, менюто на Safari за развитие предлага много други полезни опции, включително:
- Отворете страницата с: Отворете активната уеб страница във всеки друг браузър, инсталиран в момента на вашия Mac.
- Потребителски агент: Промяната на потребителския агент кара уеб сървърите да идентифицират браузъра ви като нещо различно от Safari.
- Свържете уеб инспектор: Показване на всички ресурси на уеб страница, включително CSS информация и DOM показатели.
- Показване на конзола за грешки: Показвайте JavaScript, HTML и XML грешки и предупреждения.
- Показване на източника на страницата: Преглед и търсене на изходния код на активната уеб страница.
- Показване на ресурси на страницата: Показване на документи, скриптове, CSS и други ресурси от текущата страница.
- Показване на редактор на фрагменти: Редактиране и изпълнение на фрагменти от код. Тази функция е много полезна от гледна точка на тестване.
- Показване на Builder Extension: Създайте свои собствени разширения на Safari, като съответно пакетирате кода си и добавите метаданни.
- Започнете запис на времевата линия: Запишете мрежови заявки, изпълнение на JavaScript, изобразяване на страници и други събития в инспектора на WebKit.
- Празни кеши: Изтрийте всички съхранени кешове в Safari, а не само стандартните кеш файлове на уебсайтове.
- Деактивиране на кешовете: При деактивиране на кеширането, ресурси се изтеглят от уебсайт всеки път, когато се направи заявка за достъп, за разлика от използването на локалния кеш.
- Разрешаване на JavaScript от полето за интелигентно търсене: Деактивирана по подразбиране от съображения за сигурност, тази функция ви позволява да въвеждате URL адреси, съдържащи JavaScript в адресната лента на Safari.
- Отнасяйте се към сертификатите SHA-1 като несигурни: Съкратено за алгоритъм за сигурен хеш, доказано е, че SHA-1 хеш функцията е по-малко сигурна, отколкото първоначално се смяташе, следователно добавянето на тази опция в Safari.