01 з 06
Актывацыя і выкарыстанне Адаптыўны рэжым канструктара ў Safari 9
Будучы вэб-распрацоўшчыкам ў сучасным свеце азначае падтрымку зграйкі прылад і платформаў, якія часам могуць апынуцца складанай задачай. Нават найбольш добра распрацаваны код прытрымліваючыся апошніх вэб-стандартаў, вы можаце выявіць, што часткі вашага вэб-сайта не можа выглядаць ці дзейнічаць так, як вы хочаце, каб яны на пэўных прыладах або дазволаў. Калі яны сутыкаюцца з праблемай падтрымкі такі шырокі спектр сцэнарыяў, маючы правільныя інструменты мадэлявання ў вашым распараджэнні можа быць неацэнным.
Калі вы адзін з многіх праграмістаў, хто выкарыстоўвае Mac, распрацоўшчык набор інструментаў у Safari заўсёды спатрэбіцца. З выпускам Safari 9 шырыня гэтай функцыі значна пашырыўся, у асноўным за кошт Спагадны Design Mode_, які дазваляе ўбачыць, як ваш сайт будзе аказваць на розных дазволах экрана, а таксама на розных IPAD, iPhone і IPod Touch будуе.
У дадзеным кіраўніцтве падрабязна апісана, як актываваць Адаптыўны рэжым канструктара, а таксама як выкарыстоўваць яго для вашых патрэбаў у галіне развіцця.
Па-першае, адкрыйце браўзэр Safari.
02 з 06
Safari Налады
Націсніце на сафары ў меню браўзэра, размешчаным у верхняй частцы экрана. Калі з'явіцца выпадальнае меню, абярыце Налады option_ Абвядзенне у прыведзеным вышэй прыкладзе.
Звярніце ўвагу , што вы можаце выкарыстоўваць наступную камбінацыю клавіш замест пункта меню вышэйзгаданага: COMMAND + коска (,)
03 з 06
Паказаць Распрацоўка меню
Дыялог налад Safari зараз павінны адлюстроўвацца, накладваючы акно браўзэра. Ва- першых, націсніце на Advanced icon_ , прадстаўленага шасцярнёй і знаходзіцца ў верхнім правым куце акна.
Цяпер Дадатковыя налады браўзэра павінны быць бачныя. У ніжнім варыянт суправаджаецца сцяжком, пазначаны Паказаць Распрацуйце меню ў радку меню і кружыў у прыведзеным вышэй прыкладзе. Націсніце на сцяжок адзін раз, каб актываваць гэта меню.
04 з 06
Увядзіце Адаптыўны рэжым канструктара
Цяпер новы варыянт павінен быць даступны ў меню Safari, размешчаным у верхняй частцы экрана, мечаных Develop. Націсніце на гэтую опцыю. Калі з'явіцца выпадальнае меню, абярыце Enter Спагадны Design Mode _ гуртком у прыведзеным вышэй прыкладзе.
Звярніце ўвагу , што вы можаце выкарыстоўваць наступную камбінацыю клавіш замест пункта меню згаданага вышэй: OPTION + COMMAND + R
05 з 06
Адаптыўны рэжым Design
Актыўная вэб-старонка павінна цяпер адлюстроўвацца ў Спагадны рэжыме канструктара, як паказана ў прыкладзе вышэй. Пры выбары аднаго з IOS прылад, пералічаных такіх як iPhone 6, або адзін з прызначаных дазволаў экрана, даступных, такія як 800 х 600, вы можаце адразу ўбачыць, як старонка будзе аказваць на гэтай прыладзе або ў гэтым дазволе дысплея.
Акрамя прылад і дазволаў, паказаных, вы можаце таксама праінструктаваць Safari для імітацыі iншага агента карыстальніка - напрыклад, адзін з іншага браўзэра - націснуўшы на які расчыняе меню, паказаным непасрэдна над абразкамі дазволу.
06 з 06
Распрацоўка меню: Іншыя варыянты
У дадатку да Адаптыўная рэжыме канструктара, меню Safari 9 распрацуюць прапануе мноства іншых карысных options_ некаторыя з якіх пералічаны ніжэй.
- Адкрыць старонку з: Дазваляе адкрыць актыўны вэб - старонку ў любым іншым браўзэры ў цяперашні час ўстаноўлены на вашым кампутары.
- Агент карыстальніка: Змена карыстацкага агента выклікае вэб - сервера , каб вызначыць ваш браўзэр як нешта іншае , чым Safari 9.
- Падключэнне вэб - інспектар: Web Inspector Safari 9 адлюстроўвае ўсе рэсурсы вэб - старонкі, падаючы магчымасць знаёміцца інфармацыю CSS, DOM , метрыкі і структуры, а таксама яго роднай зыходны код.
- Паказаць Кансоль памылак: Адна з найбольш шырока выкарыстоўваюцца опцый у Develop меню, гэтая кансоль адлюстроўвае JavaScript, HTML і XML памылкі і папярэджання.
- Паказаць старонку Крыніца: Дазваляе праглядаць і шукаць зыходны код актыўнай вэб - старонкі.
- Паказаць старонку Рэсурсы: Пры выбары гэтай опцыі адлюстроўваюцца дакументы, скрыпты, CSS і іншыя рэсурсы , з бягучай старонкі.
- Паказаць Урывак Рэдактар: Дае магчымасць рэдагаваць і выконваць фрагменты кода, у адрозненне ад поўнай старонкі. Гэта функцыя вельмі карысная з пункту гледжання тэставання.
- Show Extension Builder: Дазваляе ствараць уласныя пашырэння Safari шляхам ўпакоўкі вашага кода адпаведна і дадання метададзеных.
- Пачатак Timeline Назвы: Запіс шэрагу элементаў , у тым ліку сеткавыя запыты, выкананне JavaScript, адмалёўку старонкі, а таксама іншыя падзеі для пэўнага карыстальніка period_ ўсе праглядацца ў WebKit Inspector.
- Пустыя кэшаў: Пстрычка па гэтай опцыі выдаляюцца ўсе захаваную кэш ўнутры Safari, а не толькі стандартныя файлы кэша вэб - сайта.
- Адключэнне кэшы: З адключыць кэшаванне, рэсурсы загружаюцца з вэб - сайта кожны раз , калі запыт доступу вырабляецца ў адрозненне ад выкарыстання лакальнага кэша.
- Дазволіць JavaScript ад Smart Search Field: Адключанае па змаўчанні па меркаваннях бяспекі, гэтая функцыя дазваляе ўвесці URL - адрас , якія змяшчаюць JavaScript: у адраснай радку браўзэра Safari.
- Лячыць SHA-1 Сертыфікаты небяспечным: Скарочана Secure Hash Algorithm, хэш - функцыі SHA-1 было даказана быць менш бяспечнымі , чым першапачаткова thought_ , такім чынам , даданне гэтай опцыі ў Safari 9.
звязанае Чытанне
Калі вы знайшлі гэты падручнік карысным, не забудзьцеся праверыць нашы іншыя Safari 9 пакрокавыя.
- Як кіраваць Сайт Push - апавяшчэння
- Як экспартаваць вэб - старонкі ў PDF - файл
- Як наладзіць Safari 9 Пашырэньні для аўтаматычнага абнаўлення
- Як Выкарыстанне функцыі ўскладалі сайтаў