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