01-ден 06-ге дейін
Safari-дағы жауапты дизайн режимін белсендіріңіз және пайдаланыңыз 9
Бүгінгі әлемде Веб-әзірлеуші бола отырып, кейде қиын міндет болып табылуы мүмкін құрылғылар мен платформалардың сіңірілуін қолдау дегенді білдіреді. Ең соңғы үлгідегі веб-стандарттарға сүйене отырып, веб-сайттың кейбір бөліктері белгілі бір құрылғыларда немесе ажыратылымдарда қалағандай көрінбеуі немесе әрекет етпеуі мүмкін. Осындай кең ауқымды сценарийлерді қолдауға қатысты қиындықтарға кезіккенде, сіздің иелігіңізде дұрыс имитациялық құралдарды пайдалану өте құнды болуы мүмкін.
Егер сіз Mac-ды қолданатын көптеген бағдарламашылардың бірі болсаңыз, Сафаридің әзірлеуші құрал-саймандары үнемі қолданады. Safari 9-ның шығарылымы арқасында, осы функционалдылықтың кеңдігі айтарлықтай кеңейе түсті, негізінен, жауапты дизайн режимі_ арқасында сіздің сайтыңыз әртүрлі экрандық ажыратымдылықта, сондай-ақ әртүрлі iPad, iPhone және iPod touch құрылғыларында қалай көрсетілетінін алдын ала қарауға мүмкіндік береді.
Бұл оқу құралы жауапты дизайн режимін қалай іске қосуға болады, сондай-ақ оны дамыту қажеттіліктеріне қалай пайдалануға болады.
Алдымен, Safari шолғышыңызды ашыңыз.
02-ден 06-ге дейін
Safari теңшелімдері
Экранның жоғарғы жағында орналасқан шолғыш мәзіріндегі Safari түймесін басыңыз. Ашылмалы мәзір пайда болған кезде, жоғарыда келтірілген мысалда Ерекшеліктер опциясын таңдаңыз.
Жоғарыда аталған мәзір элементінің орнына төмендегі пернелер тіркесімін пайдалануға болатынын ескеріңіз: COMMAND + COMMA (,)
03 06
Мәзірді көрсетіңіз
Safari теңшелімдерінің тілқатысу терезесі енді браузер терезесін жабу арқылы көрсетілуі керек. Алдымен, беріліспен ұсынылған Advanced терезесін басыңыз және терезенің жоғарғы оң жақ бұрышында орналасқан.
Браузердің жетілдірілген теңшелімдері енді көрінуі керек. Төменгі жағында мәзір жолағындағы Show Show мәзірі таңбаланған құсбелгісі бар және жоғарыдағы мысалға айналдырылған параметр. Осы мәзірді іске қосу үшін құсбелгіні бір рет басыңыз.
04 04
Жауапты дизайн режимін енгізіңіз
Экранның үстіңгі жағында орналасқан, әзірленген «Safari» мәзірінде жаңа опция қол жетімді болуы керек. Осы опцияны басыңыз. Ашылмалы мәзір пайда болғанда, жоғарыдағы мысалда айналдыра жауапты дизайн режимін енгізіңіз .
Жоғарыда аталған мәзір элементінің орнына төмендегі пернелер тіркесімін пайдалануға болады: OPTION + COMMAND + R
05 06
Жауапты дизайн режимі
Белсенді веб-бет жоғарыда келтірілген мысалда көрсетілгендей Жауапты дизайн режимінде көрсетілуі керек. IPhone 6 сияқты тізімдегі iOS құрылғыларының біреуін немесе 800 x 600 сияқты қол жетімді экран рұқсатының біреуін таңдағанда, беттің сол құрылғыда немесе экрандағы ажыратымдылығында қалай көрінетінін бірден көре аласыз.
Көрсетілген құрылғылар мен ажыратылымдардан басқа, Safari-ге басқа ажыратымдылық белгішелерінің үстінде көрсетілген ашылмалы мәзірді басу арқылы басқа пайдаланушы браузерінен басқа пайдаланушы агентін модельдеуге нұсқау беруге болады.
06 06
Мәзірді жасаңыз: Басқа опциялар
Жауап беру режимі режимінен басқа, Safari 9-ның әзірлеу мәзірі төменде тізімделген кейбір басқа пайдалы нұсқаларды ұсынады.
- Бетпен ашу: белсенді веб-бетті Mac компьютеріңізде орнатылған кез келген басқа шолғышта ашуға мүмкіндік береді.
- Пайдаланушы агенті: Пайдаланушы агентін өзгерту веб-серверлерді браузеріңізді Safari 9-дан басқа нәрсе ретінде сәйкестендіруге әкеледі.
- Веб-инспекторды қосу: Safari 9 веб-инспекторы CSS ақпараты, DOM метрикалары мен құрылымын, сондай-ақ оның бастапқы кодымен танысуға мүмкіндік беретін барлық веб-беттердің ресурстарын көрсетеді.
- Қате көрсету консолін көрсету: Develop Menu ішіндегі ең кең қолданылатын параметрлердің бірі, бұл консоль JavaScript, HTML және XML қателерін және ескертулерін көрсетеді.
- Бет көзін көрсету: белсенді веб-беттің бастапқы кодын қарауға және іздеуге мүмкіндік береді.
- Беттің ресурстарын көрсету: Бұл параметрді таңдау қазіргі бетке құжаттарды, сценарийлерді, CSS және басқа ресурстарды көрсетеді.
- Snippet редакторын көрсету: Толық бетке қарағанда, кодтың үзінділерін өңдеу және орындау мүмкіндігін береді. Бұл мүмкіндік сынақ тұрғысынан өте пайдалы.
- Extension Builder бағдарламасын көрсету: Сіздің кодты тиісті түрде орап, метадеректерді қосу арқылы өзіңіздің Safari кеңейтімдеріңізді құруға мүмкіндік береді.
- Timeline Recording іске қосу: WebKit инспекторы ішінде көрінетін, пайдаланушы анықтаған кезеңге арналған желілік сұраулар, JavaScript орындалуы, бетті көрсету және басқа оқиғалар сияқты бірнеше элементтерді жазады.
- Кэштерді босату: Бұл опцияны басу тек стандартты веб-сайт кэш файлдарын ғана емес, Safari ішіндегі барлық сақталған кэшті жояды.
- Кэштерді ажырату: Кэширование ажыратылған кезде ресурстарды жергілікті кэшті пайдаланудың орнына кіру сұрауы жасалынған сайын веб-тораптан жүктеледі.
- Смарт-іздеу өрісінен JavaScript рұқсат етіңіз: Қауіпсіздік мақсатында әдепкі бойынша өшірілген, бұл мүмкіндік JavaScript- мекен-жайы бар URL мекенжайларын енгізуге мүмкіндік береді : Safari-ның мекенжай жолында.
- SHA-1 сертификаттарын қауіпті деп санамаңыз: Secure Hash алгоритмі үшін қысқаша, SHA-1 хэш функциясы бастапқыда ойластырылғаннан гөрі аз қорғалған деп дәлелденді, осылайша Safari 9-да осы опцияны қосу.
Қатысты оқу
Егер сіз бұл оқу құралын пайдалы деп тапсаңыз, біздің Safari 9-ң кезекті өту жолын тексеріңіз.
- Веб-сайттан хабарлауды қалай басқаруға болады
- Веб-бетті PDF файлына экспорттау
- Safari 9 кеңейтімдерін автоматты түрде жаңарту үшін қалай теңшеуге болады
- Бекітілген сайттарды қалай пайдалануға болады