Мазмұны
- Apple веб-шолғышында әзірлеуші құралдарына қол жеткізіңіз
- Safari-де жауап беретін дизайн режимін қалай қосуға болады
- Safari жасаушы құралдары
Apple веб-шолғышында әзірлеуші құралдарына қол жеткізіңіз
Веб-сайттар мен веб-қосымшалардың құрылғылар мен платформалардың қосындысын қолдайтынына көз жеткізу - веб-әзірлеушілер үшін маңызды міндет. Apple Safari веб-браузері әр түрлі экран ажыратымдылығында және әр түрлі iPad, iPhone және iPod touch құрылғыларында сайттың қалай көрсетілетінін алдын-ала қарауға мүмкіндік беретін Жауапты дизайн режимін қамтиды.
Осы мақаладағы нұсқаулар MacOS үшін Safari 13-ке қатысты. Жауапты дизайн режимі Windows нұсқасында қол жетімді емес.
Safari-де жауап беретін дизайн режимін қалай қосуға болады
Safari-дің жасаушы құралдарын және жауап беретін дизайн режимін қосу үшін:
-
Таңдаңыз Сафари > Қалауларыңыз Safari құралдар тақтасында.
Сондай-ақ, пернелер тіркесімін пайдалануға болады Пәрмен+Үтір (,) Preferences мәзіріне кіру үшін
-
Теңшелімдер мәзірінде, таңдаңыз Озат қойындысын қойып, жанындағы құсбелгіні қойыңыз Мәзір жолағында Даму мәзірін көрсету. Енді жаңа опция Safari құралдар тақтасында экранның жоғарғы жағында қол жетімді болуы керек.
-
Таңдаңыз Дамыт > Жауапты дизайн режиміне кіріңіз Safari құралдар тақтасында.
Сондай-ақ, пернелер тіркесімін пайдалануға болады Опция+Пәрмен+R Жауапты дизайн режиміне өту үшін.
-
Активті веб-бет енді жауап беру режимінде көрсетілуі керек. Беттің жоғарғы жағында парақтың қалай көрінетінін көру үшін iOS құрылғысын немесе экран ажыратымдылығын таңдаңыз.
Сондай-ақ, Safari-ге әртүрлі ажыратымдылық белгішелерінің үстіндегі ашылмалы мәзірді қолданып әртүрлі пайдаланушы агенттерін модельдеуге нұсқау беруге болады.
Safari жасаушы құралдары
Жауапты дизайн режимінен басқа, Safari's әзірлеу мәзірі көптеген басқа пайдалы опцияларды ұсынады:
- Бетті ашуMac жүйесінде орнатылған кез-келген басқа шолғышта белсенді веб-бетті ашыңыз.
- Пайдаланушы агентіПайдаланушы агентін өзгерту веб-серверлерді шолғышты Safari-ден басқа нәрсе ретінде анықтауға мәжбүр етеді.
- Веб-инспекторды қосыңыз: Веб-сайттың барлық ресурстарын, соның ішінде CSS ақпаратын және DOM өлшемдерін көрсету.
- Қате консолін көрсету: JavaScript, HTML және XML қателері мен ескертулерін көрсету.
- Бет көзін көрсету: Белсенді веб-беттің бастапқы кодын қарап, іздеңіз.
- Бет ресурстарын көрсету: Ағымдағы беттен құжаттарды, сценарийлерді, CSS және басқа ресурстарды көрсету.
- Үзінді редакторын көрсету: Кодтың фрагменттерін өңдеңіз және орындаңыз. Бұл мүмкіндік тестілеу тұрғысынан өте пайдалы.
- Кеңейтім құрастырушысын көрсету: Safari кодын сәйкесінше орау және метадеректерді қосу арқылы жеке Safari кеңейтімдерін жасаңыз.
- Уақыт кестесін жазуды бастаңыз: WebKit инспекторында желілік сұраныстарды, JavaScript-тің орындалуын, парақтарды және басқа оқиғаларды жазыңыз.
- Бос кэштер: Веб-сайттың кэш файлдарын ғана емес, Safari-де сақталған барлық кэштерді жойыңыз.
- Кэштерді өшіру: Кэштеу мүмкіндігі өшірілгенде, қол жетімділік сұранысы әр жергілікті веб-кэшті қолданудан гөрі әр уақытта веб-сайттан жүктеледі.
- Smart Search өрісінен JavaScript рұқсат етіңіз: Қауіпсіздік себептері бойынша әдепкі бойынша ажыратылған, бұл мүмкіндік Safari-нің мекен-жай жолына JavaScript-пен URL мекен-жайларын енгізуге мүмкіндік береді.
- SHA-1 сертификаттарын қауіпті деп санаңыз: Қауіпсіз хэш алгоритмі үшін қысқа, SHA-1 хэш функциясы бастапқыда ойластырылғаннан гөрі қауіпсіз емес екендігі дәлелденді, сондықтан Safari-ге осы опция қосылды.