Приликом израде веб странице или веб апликације увек имамо задатак да проверимо да ли све ради исправно на мобилном уређају или чак таблету. Ако радимо на развоју, немамо начина да то проверимо, јер бисмо прво морали да пошаљемо промене на сервер и тамо то консултујемо на свом мобилном уређају.
Али не треба да бринемо јер Гоогле Цхроме има функционалност која нам омогућава да помоћу неколико једноставних корака проверимо како наша веб локација или апликација ради на мобилном уређају који желимо.
1. Опонашајте мобилни уређај у Гоогле Цхроме -у
Као што кажемо, Гоогле Цхроме садржи алат који је оријентисан на програмере са којим можемо брзо приступити искљученим опцијама. Један од њих је емулатор мобилних уређаја у режиму уређаја.
Корак 1
На дну ћемо имати мени који ће бити приказан, који нам приказује ХТМЛ код странице. Да бисмо приказали Цхроме програмерску плочу, отићи ћемо на „Мени / Више алата / Алати за програмере“ или ћемо урадити следећу комбинацију тастера:
На Виндовс и Линук
Цтрл + Схифт + М.
На Мацу
⇧ + ⌘ + М
Корак 2
Видећемо да се отвара панел са кодом. Гледамо икону која одговара „Режиму уређаја“ и која ће се активирати када се појави плавом бојом. Кликните на њу да бисте је активирали.
Корак 3
Док тамо идемо на горњи мени изнад емулиране странице и одабиремо уређај који желимо да опонашамо, у овом случају бирамо Аппле иПхоне к и освежавамо како би промене ступиле на снагу. Имамо широк спектар унапред подешених подешавања тако да једним кликом имамо наш симулирани модел.
Корак 4
Ако желимо да направимо прилагођена мерења, отићи ћемо тамо где се појављује модел терминала и кликнути на „Уреди“.
Корак 5
Појавит ће се они модели који су претходно били конфигуратори или их можемо додати на персонализиран начин кликом на "Додај прилагођени уређај".
Корак 6
У опцијама унутар Девице Моде -а имаћемо могућност активирања или не активирања сензора који симулирају екран осетљив на додир.
БелешкаКликните на икону са три тачке да бисте између осталог приказали опцију „Сензори“
2. Опонашајте повезивање са мобилном мрежом у Гоогле Цхроме -у
Стање мреже и њено тестирање захваљујући Цхроме -у нам омогућава да тестирамо нашу веб страницу кроз различите врсте мрежних веза, попут 3Г, па чак и без везе.
Корак 1
Такође можемо опонашати мрежу у којој се налазимо. Да бисмо то урадили, идемо на картицу "Мрежа" и на листи која се може склопити изаберите врсту мреже.
Корак 2
Ако смо поставили ограничење, видећемо упозорење које ће нас подсетити да смо га омогућили.
3. Додајте ограничења повезивању са мобилном мрежом у Гоогле Цхроме -у
Корак 1
Ово ограничење је важно и можемо поставити прилагођена ограничења са условима које смо сами конфигурисали. Да бисмо то урадили, притиснемо следећи тастер да отворимо таблу Поставке.
Ф1
Корак 2
Кликните на опцију „Тхроттлинг“. Одабиремо могућност „Додај прилагођени профил“.
Корак 3
Овде ћемо подесити ограничења на прилагођен начин.
4. Отворите таблу са условима мреже у Гоогле Цхроме -у
Имамо више опција унутар плоче за програмере у ДевТоолс -у.
Корак 1
Да бисмо то урадили, идемо на мени са три тачке на десној страни и кликните на „Више алата“ / „Мрежни услови“.
Корак 2
Одавде можемо омогућити или онемогућити предмеморију и променити подразумевани агент у прилагођени.
С овом функцијом више нећемо морати тражити свој мобилни телефон да бисмо провјерили ради ли наша веб страница или апликација исправно, свима остаје само да још мало истраже овај алат и користе га за скраћивање времена тестирања и имплементације.
