Какво да знаете
- За активиране: Предпочитания > изберете Разширени раздел > превключване Показване на менюто Разработване в лентата с менютавключено.
- За използване: изберете Develop > Влезте в режим на адаптивен дизайн в лентата с инструменти на Safari.
Тази статия обяснява как да активирате Responsive Design Mode в Safari 9 до Safari 13, в OS X El Capitan през macOS Catalina.
Как да активирате режим на адаптивен дизайн в Safari
За да активирате Safari Responsive Design Mode, заедно с други инструменти за разработчици на Safari:
-
Отидете до менюто Safari и изберете Предпочитания.
Натиснете клавишната комбинация Command+ , (запетая) за бърз достъп до предпочитанията.
-
В диалоговия прозорец Предпочитания изберете раздела Разширени.
Image -
В долната част на диалоговия прозорец поставете отметка в квадратчето Показване на менюто за разработка в лентата с менюта.
Image -
Сега ще видите Develop в горната лента с менюта на Safari.
Image -
Изберете Develop > Влезте в режим на адаптивен дизайн в лентата с инструменти на Safari.
Натиснете клавишната комбинация Option+ Command+ R, за да влезете бързо в режим на адаптивен дизайн.
Image -
Активната уеб страница се показва в режим на адаптивен дизайн. В горната част на страницата изберете iOS устройство или разделителна способност на екрана, за да видите как ще се визуализира страницата.
Image -
Алтернативно, вижте как вашата уеб страница ще се визуализира на различни платформи, като използвате падащото меню над иконите за разделителна способност.
Image
Инструменти за разработчици на Safari
В допълнение към режима на адаптивен дизайн, менюто за разработка на Safari предлага други полезни опции.
Отворете страницата с
Отваря активната уеб страница във всеки браузър, инсталиран в момента на Mac.
Потребителски агент
Когато промените потребителския агент, можете да заблудите уебсайт да мисли, че използвате друг браузър.
Показване на уеб инспектор
Показва всички ресурси на уеб страница, включително CSS информация и DOM показатели.
Показване на конзолата за грешки
Показва грешки и предупреждения в JavaScript, HTML и XML.
Показване на изходния код на страницата
Позволява ви да видите изходния код за активната уеб страница и да търсите в съдържанието на страницата.
Показване на ресурсите на страницата
Показва документи, скриптове, CSS и други ресурси от текущата страница.
Показване на редактора на фрагменти
Позволява ви да редактирате и изпълнявате фрагменти от код. Тази функция е полезна от гледна точка на тестване.
Показване на конструктора на разширения
Помага ви да създавате разширения на Safari, като опакова кода ви по съответния начин и добавя метаданни.
Стартиране на запис на хронологията
Позволява ви да записвате мрежови заявки, изпълнение на JavaScript, изобразяване на страници и други събития в рамките на WebKit Inspector.
Празни кешове
Изтрива всички съхранени кешове в Safari, не само стандартните кеш файлове на уебсайтове.
Деактивиране на кеша
При деактивирано кеширане ресурсите се изтеглят от уебсайт всеки път, когато се направи заявка за достъп, за разлика от използването на локалния кеш.
Разрешаване на JavaScript от полето за интелигентно търсене
Деактивирана по подразбиране от съображения за сигурност, тази функция ви позволява да въвеждате URL адреси, съдържащи JavaScript, в адресната лента на Safari.
