Мазмун
- Apple веб-браузеринде иштеп чыгуучу куралдарга кириңиз
- Safari-де жооптуу дизайн режимин кантип иштетсе болот
- Safari Developer Куралдары
Apple веб-браузеринде иштеп чыгуучу куралдарга кириңиз
Веб-сайттар жана желе колдонмолору түзмөктөрдү жана платформаларды кенен колдой тургандыгын камсыз кылуу, веб-иштеп чыгуучулар үчүн маанилүү маселе. Apple Safari веб-браузеринде Жооптуу Дизайн режими камтылган, ал сиздин сайттын ар кандай экран чечимдеринде жана iPad, iPhone жана iPod touch ар кандай орнотууларында кандайча көрүнүшүн алдын-ала көрүүгө мүмкүнчүлүк берет.
Бул макалада келтирилген көрсөтмөлөр MacOS үчүн Safari 13 колдонулат. Жооптуу Дизайн режими Windows версиясында жок.
Safari-де жооптуу дизайн режимин кантип иштетсе болот
Safari иштеп чыгуучунун куралдарын жана Жооптуу Дизайн режимин иштетүү үчүн:
-
тандоо Safari > Түзөтүүлөр Safari куралдар панелинде.
Ошондой эле баскычтоптун жарлыктарын колдонсоңуз болот буйрук+Үтүр (,) Тандоолор менюсуна кирүү үчүн.
-
Тандоолор менюсунан, тандаңыз алдынкы өтмөктү жана жанындагы кутучаны белгилеңиз Меню тилкесинде Өнүктүрүү менюсун көрсөтүү. Жаңы опция эми экрандын жогору жагындагы Safari куралдар панелинде болушу керек.
-
тандоо иштеп чыгуу > Жооп берүүчү Дизайн режимине өтүңүз Safari куралдар панелинде.
Ошондой эле баскычтоптун жарлыктарын колдонсоңуз болот тандоо+буйрук+R Responsive Design Mode кирүү үчүн.
-
Активдүү веб-баракча эми Жооптуу Дизайн режиминде көрсөтүлүшү керек. Барактын жогору жагында, iOS кандайча көрсөтүлөрүн көрүү үчүн iOS түзмөгүн же экран резолюциясын тандаңыз.
Ошондой эле, сиз Safariге, колдонмонун ар кандай агенттерин симуляциялоону, токтомдун сүрөтчөлөрүнүн үстүндө турган ачылуучу менюну колдонууга болот.
Safari Developer Куралдары
Жооптуу Дизайн режиминен тышкары, Safari'нин Менюсу дагы көптөгөн пайдалуу варианттарды сунуш кылат:
- Төмөнкү барагын ачуу: Активдүү веб-баракчаңызды азыр Macта орнотулган башка браузерден ачыңыз.
- Колдонуучу агент: Колдонуучу агентин өзгөртүү веб-серверлер сиздин браузериңизди Safariден башка нерсе катары аныктайт.
- Веб-инспекторду туташтырыңыз: Веб-баракчанын бардык ресурстарын, анын ичинде CSS маалыматын жана DOM ченемдерин көрсөтүү.
- Error Console көрсөт: JavaScript, HTML жана XML каталарын жана эскертүүлөрүн көрсөтүү.
- Барак булагын көрсөтүү: Желедеги баракчанын баштапкы кодун карап жана издеңиз.
- Барак ресурстарын көрсөтүү: Учурдагы барактагы документтерди, сценарийлерди, CSS жана башка ресурстарды көрсөтүү.
- Snippet Editor көрсөт: Коддун фрагменттерин түзөтүп, аткарыңыз. Бул функция тесттик көз караштан алганда абдан пайдалуу.
- Кеңейтүү куруучусун көрсөтүүКодуңузду ошого жараша пакеттөө жана метадайындарды кошуу аркылуу өз Safari кеңейтүүлөрүн түзүңүз.
- Убакыт тилкесин жазууну баштаңыз: WebKit инспекторунун ичинде тармак сурамдарын, JavaScript иштөөсүн, баракчаларды көрсөтүү жана башка окуяларды жазыңыз.
- Бош кэштер: Safari ичиндеги бардык сакталган кэштерди жок кылыңыз, стандарттуу веб-сайт кэш файлдарын гана эмес.
- Кештерди өчүрүү: Кэштөө өчүрүлгөндө, ресурстарды жергиликтүү веб-кэшти колдонуудан баш тарткан сайын, веб-сайттан жүктөлүп алынат.
- Smart Search Field'тен JavaScript'ке уруксат берүү: Коопсуздук себептери боюнча демейки боюнча өчүрүлгөн, бул мүмкүнчүлүк Safari'дин даректер тилкесине JavaScript камтылган URL'дерди киргизүүгө мүмкүнчүлүк берет.
- SHA-1 сертификаттарын кооптуу деп эсептеңиз: Коопсуз Хэш алгоритмине кыска, SHA-1 хэш функциясы башында ойлонгондон азыраак коопсуз экени далилденген, ошондуктан Safari-де бул опцияны кошумчалаган.
