01 од 06
Активирајте и користите режим одзивног дизајна у Сафари 9
Будући да је веб програмер у данашњем свету, подразумева подрску уређаја и платформи, што понекад може бити и застрашујући задатак. Чак и код најповољније дизајнираног кода који се придржава најновијих Веб стандарда, и даље можете утврдити да дијелови вашег веб сајта можда не изгледају или поступају онако како их желите на одређеним уређајима или резолуцијама. Када се суочите са изазовом подршке овако широком низу сценарија, имати на располагању праве симулацијске алате на непроцењивом нивоу.
Ако сте један од многих програмера који користе Мац, Сафари-ов алат за развијање је увек био згодан. Са ослобађањем Сафари 9 ширина ове функционалности је значајно проширена, углавном захваљујући режиму одзивног дизајна који вам омогућава да прегледате како ће ваша страница приказати на различитим резолуцијама екрана, као и на различитим иПад, иПхоне и иПод тоуцх градитељима.
Овај туторијал детаљно описује како активирати Режим одзивног дизајна, као и како га искористити за ваше развојне потребе.
Прво, отворите Сафари претраживач.
02 од 06
Сафари Преференцес
Кликните на Сафари у менију прегледача, који се налази на врху екрана. Када се појави падајући мени, изаберите опцију Преференцес_ цирцлед у горе наведеном примеру.
Имајте на уму да можете користити сљедећу пречицу на тастатури умјесто горе поменуте ставке менија: ЦОММАНД + ЦОММА (,)
03 од 06
Прикажи развојни мени
Сада би требало да буде приказан дијалог Сафари'с Преференцес, прекривајући прозор прегледача. Прво, кликните на Напредну икону, коју представља зупчаник, и налази се у горњем десном углу прозора.
Напредне поставке прегледача сада би требало да буду видљиве. На дну је опција која се налази у квадратићима са ознаком " Прикажи развој" у менију и окружује се у горњим примјерима. Кликните на поље за потврду једном да бисте активирали овај мени.
04 од 06
Укуцајте мод Респонсиве Десигн
Нова опција сада треба да буде доступна у менију Сафари, који се налази на врху екрана, означеног Развијим . Кликните на ову опцију. Када се појави падајући мени, одаберите Ентер Респонсиве Десигн Моде _ окружен у горе наведеном примеру.
Имајте на уму да можете користити следећу тастерску пречицу умјесто горе поменуте ставке менија: ОПТИОН + ЦОММАНД + Р
05 од 06
Режим одзивног дизајна
Активна Веб страница сада би требало да буде приказана у режиму одзивног дизајна, као што је приказано у претходном примеру. Избором једног од иОС уређаја који су наведени, као што је иПхоне 6 или једна од одређених резолуција екрана као што је 800 к 600, можете одмах да видите како ће страна приказати на том уређају или у тој резолуцији приказа.
Поред уређаја и приказаних резолуција, можете такође инструирати Сафари-у да симулира другог корисничког агента - као што је један из другог претраживача - кликом на падајући мени приказан директно изнад икона резолуције.
06 од 06
Развијање менија: друге опције
Поред режима Респонсиве Десигн, Сафари 9'с Девелоп мени нуди многе друге корисне опције_ неке које су наведене у наставку.
- Отвори страницу са: Омогућава вам да отворите активну Веб страницу у било ком другом претраживачу који је тренутно инсталиран на вашем Мац рачунару.
- Кориснички агент: Промена корисничког агента доводи до тога да Веб сервери идентификују ваш претраживач као нешто друго осим Сафари 9.
- Цоннецт Веб Инспецтор: Веб Инспецтор Сафари 9 приказује све ресурсе Веб странице, пружајући могућност да пишу информације ЦСС-а, ДОМ-метрике и структуре, као и изворни изворни код.
- Прикажи конзолу грешака: Једна од најчешће коришћених опција у менију Развој, ова конзола приказује грешке и упозорења ЈаваСцрипт, ХТМЛ и КСМЛ.
- Схов Паге Соурце: Омогућава вам преглед и претраживање изворног кода активне Веб странице.
- Схов Ресоурцес: Избор ове опције приказује документе, скрипте, ЦСС и друге ресурсе са тренутне странице.
- Схов Сниппет Едитор: Пружа могућност уређивања и извршавања фрагмената кода, за разлику од комплетне странице. Ова карактеристика је веома корисна из перспективе тестирања.
- Схов Ектенсион Буилдер: Омогућава вам да направите сопствене екстензије Сафари тако што ћете пакирати свој код у складу с тим и додавати метаподатке.
- Започињање временског снимања: Записује низ ставки укључујући захтеве мреже, извршење ЈаваСцрипт-а, приказивање страница и друге догађаје за кориснички дефинирани период-сви који се могу видјети унутар ВебКит инспектора.
- Емпти Цацхес: Кликом на ову опцију брише се све меморисане кеш меморије унутар Сафари-а, а не само стандардне датотеке кеширања.
- Онемогућите кешове: са онемогућавањем квашења, ресурси се преузму са веб странице сваки пут када се направи захтев за приступ, насупрот коришћењу локалне кеш меморије.
- Дозволи ЈаваСцрипт из поља за паметно претраживање: подразумевано је онемогућено из безбедносних разлога, ова функција вам омогућава да унесете УРЛ-ове са јавасцрипт-ом: у насловној траци Сафари-а.
- Склоните СХА-1 сертификате као несигурне: Кратак за Алгоритам сигурног Хасх-а, СХА-1 хасх функција се показала као мање сигурна него што је првобитно мислила - дакле додавање ове опције у Сафари 9.
Сродно читање
Ако сте нашли овај туториал корисним, обавезно погледајте наше остале Сафари 9 кораке.
- Како управљати обавештењима на веб локацији
- Како извозити веб страницу у ПДФ датотеку
- Како конфигурисати додатке Сафари 9 за аутоматско ажурирање
- Како користити функцију забачених локација