Тъй като все повече хора започнат да сърфират на мобилните си устройства, за нас е уместно - уеб администраторите - да се уверят, че нашите уеб сайтове се представят добре в мобилния браузър. Отзивчивият уеб дизайн е може би най-добрият начин да отида, но все пак това изисква много тестове, за да сте сигурни, че то се вписва добре във всички устройства и размера на екрана. Почти невъзможно е да получите достъп до всички мобилни устройства в света, но с удобен инструмент в инструмента за разработчици на Google Chrome, можете лесно да тествате уебсайта си в голям списък с мобилни устройства (без да харчите само една стотинка).

Емулацията "Device Mode" в инструмента за разработчици на Chrome е полезен инструмент за тестване на уебсайта Ви на няколко мобилни устройства. Както подсказва името му, той емулира браузъра на различни устройства, така че можете да видите как се прави уебсайтът Ви във всеки браузър.

За да започнете, отворете Chrome и заредете уеб сайта, който искате да тествате. Натиснете F12 ("Cmd + Opt + I" за Mac OS X), за да отворите инструмента за разработчици. Друга възможност е да кликнете с десния бутон на мишката и да изберете "Inspect Element".

В прозореца на инструмента за програмисти кликнете върху иконата за мобилни устройства в горния ляв ъгъл.

Превключете обратно в главния прозорец на Chrome и трябва да видите, че уеб сайтът е променен на режим на мрежата.

Сега всичко, което трябва да направите, е да изберете мобилното устройство в падащия списък "Устройство". Сайтът ще се самооразмерява автоматично, за да съответства на размера на екрана на устройството.

Преглеждайки списъка с устройства, можете да намерите някои от популярните устройства като iPhone 3GS, 4, 5, 6, 6 Plus, Samsung Galaxy Note и др.

Други неща, които можете да тествате в режима на устройството, включват промяна на резолюцията на екрана, задаване на съотношението на пикселите, промяна на потребителския агент на браузъра и т.н.

За да излезете от "режим на устройство", просто се върнете в прозореца за програмисти и отново кликнете върху иконата за мобилни устройства или просто затворете прозореца за програмисти.

заключение

Инструментът за програмисти в Google Chrome е много мощен и полезен инструмент за уеб администратори и програмисти, които да тестват и дебъгват своите уебсайтове. Има подобен инструмент и в Firefox (в действителност повечето браузъри идват с режим за програмисти), но този в Chrome идва с повече функции и е по-лесен за използване.