01 од 06
Активирајте го и користете го режимот на решителен дизајн во Safari 9
Да се биде развивач на веб во денешниот свет значи да се поддржат еден куп уреди и платформи, што понекогаш може да се покаже како застрашувачка задача. Дури и со најпознатите добро дизајнирани шифри кои ги почитуваат најновите веб стандарди, сè уште може да најдете дека делови од вашата веб-страница може да не изгледаат или да дејствуваат како што сакате да ги користите на одредени уреди или резолуции. Кога се соочувате со предизвикот да поддржувате вакви широк спектар на сценарија, со вистинските алатки за симулација на располагање може да се непроценливи.
Ако сте еден од многуте програмери кои користат Mac, програмерот за развој на Safari секогаш е во корист. Со објавувањето на Safari 9 широчината на оваа функционалност значително се прошири, главно поради Responsive Design Mode_, кој ви овозможува да прегледате како ќе се прикажува вашиот сајт на различни резолуции на екранот, како и на различни iPad, iPhone и iPod touch builds.
Овој водич детално опишува како да го активирате Режимниот модел на одзив, како и како да го искористите за вашите развојни потреби.
Прво, отворете го вашиот прелистувач Safari.
02 од 06
Преференции на Сафари
Кликнете на Safari во менито на пребарувачот, кој се наоѓа на врвот на екранот. Кога ќе се појави опаѓачкото мени, изберете ја опцијата Опции за опкружување во кругот во горниот пример.
Забележете дека можете да ја користите следната кратенка на тастатурата наместо претходно наведената ставка на менито: COMMAND + COMMA (,)
03 од 06
Прикажи мени за развој
Сега би требало да се прикажува дијалогот Safari's Preferences, преклопувајќи го прозорецот на прелистувачот. Прво, кликнете на напредната икона_ претставена со брзина и се наоѓа во горниот десен агол на прозорецот.
Сега треба да бидат видливи напредните преференции на прелистувачот. На дното е опција придружена со квадратче, обележано со менито Show Develop во лентата со мени и заокружено во горниот пример. Кликнете еднаш за да го активирате ова мени.
04 од 06
Внесете режим на одзив на дизајн
Новата опција сега треба да биде достапна во менито Safari, кое се наоѓа на врвот на екранот, означено како Develop . Кликнете на оваа опција. Кога ќе се појави опаѓачкото мени, одберете Enter Responsive Design Mode _ circled во горниот пример.
Забележете дека можете да ја користите следната кратенка на тастатурата наместо претходно наведената ставка во менито: OPTION + COMMAND + R
05 од 06
Режимски режим на дизајн
Сега активната веб-страница треба да биде прикажана во режим на одзив на дизајн, како што е прикажано во горниот пример. Со избирање на еден од iOS-уредите како што се iPhone 6 или една од назначените резолуции на екранот, како што се 800 x 600, можете веднаш да видите како страница ќе се прикаже на тој уред или во таа резолуција на екранот.
Во прилог на прикажаните уреди и резолуции, исто така можете да им наложите на Safari да симулира друг корисник агент - како што е еден од друг прелистувач - со кликнување на опаѓачкото мени прикажано директно над иконите за резолуција.
06 од 06
Развивање мени: други опции
Во прилог на Режимниот Дизајн, менито "Развивање на Safari 9" нуди многу други корисни опции_ некои кои се наведени подолу.
- Open Page With: Ви овозможува да ја отворите активната веб-страница во кој било друг прелистувач кој моментално е инсталиран на вашиот Mac.
- Агент на корисникот : Промената на корисничкиот агент предизвикува веб сервери да го идентификуваат вашиот прелистувач како нешто друго освен Safari 9.
- Поврзете го веб-инспекторот: веб-инспекторот на Safari 9 ги прикажува сите ресурси на веб-страницата, обезбедувајќи можност да ги читаат информациите за CSS, DOM-метар и структура, како и неговиот мајчин изворниот код.
- Покажи конзола за грешки: Една од најчесто користените опции во менито за развој, оваа конзола ги прикажува грешките и предупредувањата за JavaScript, HTML и XML.
- Show Source Page: Ви овозможува да го гледате и пребарувате изворниот код на активната веб-страница.
- Прикажи ги ресурсите на страницата: Избирањето на оваа опција ги прикажува документите, скриптите, CSS и други ресурси од тековната страница.
- Покажи Уредувач на фрагменти: Обезбедува можност за уредување и извршување на фрагменти од код, за разлика од комплетната страница. Оваа функција е многу корисна од перспектива за тестирање.
- Show Extension Builder: Ви овозможува да изградите сопствени екстензии на Safari, пакувајќи го вашиот код соодветно и дополнувајќи ги метаподатоците.
- Започнете со снимање на временската линија: снимање на голем број на елементи, вклучувајќи мрежни барања, извршување на JavaScript, рендерирање на страници и други настани за дефиниран од корисникот период, кој сите може да се види во рамките на WebKit инспекторот.
- Празни кеши: Со кликнување на оваа опција ќе се избрише целата зачувана кеш во рамките на Safari, а не само стандардните фајлови за кеш на веб страници.
- Оневозможи кеширање : Со кеширањето е оневозможено, ресурсите се преземаат од веб страната секогаш кога се прави барање за пристап, наспроти искористување на локалната кеш.
- Дозволи го вклучите Javascript-от од полето за паметно барање: Стандардно е забрането поради безбедносни причини, оваа опција ви овозможува да внесете URL-адреса што содржат javascript: во лентата за адреси на Safari.
- Треба да се третираат SHA-1 сертификатите како несигурни: кратки за безбеден хаш алгоритам, хеш-функцијата SHA-1 се покажа дека е помалку безбедна отколку што првично се мислеше, па оттаму додавањето на оваа опција во Safari 9.
Поврзано читање
Ако го најдовте ова упатство корисно, не заборавајте да ги проверите останатите Safari 9 прегледи.
- Како да управувате со известувањата за веб-страницата
- Како да извезувате веб-страница во PDF-датотека
- Како да конфигурирате екстензии на Safari 9 за автоматско ажурирање
- Како да ја користите функцијата за прикачени локации