0
108
2019-01-02

Эмуляция мобильных и планшетных устройств в Chrome

В данной записи мы рассмотрим как тестировать страницу сайта на эмуляторе мобильного телефона или планшета. Все что нам потребуется это сайт, chrome и режим разработчика.
Понравилась страница? Поставь свою оценку!
PLUGIN_STAR_RATINGS.SCORE_TEXTPLUGIN_STAR_RATINGS.VOTES_TEXT

Тестирование вашего веб-сайта или приложения в разных браузерах и на разных мобильных устройствах важно, и ничто не заменит реальное устройство. Однако не у всех есть iPhone, Google Nexus, Blackberry или новейший телефон Samsung.

Таким образом, возможность эмулировать мобильное или планшетное устройство означает, что вы можете тестировать свой сайт или приложение на этих устройствах, фактически не имея их. Хотя ни один эмулятор не гарантированно будет идеальным, в Chrome есть встроенный эмулятор, который достаточно близко подойдет вам и поддерживает широкий спектр популярных мобильных и планшетных устройств.

Chrome эмулятор мобильных устройств

Все, что вам нужно сделать, чтобы начать эмуляцию устройства, - это открыть инструменты разработчика Chrome и щелкнуть значок мобильного телефона в левом верхнем углу. Это перезагрузит веб-страницу и предоставит вам возможность выбрать мобильное устройство из выпадающего списка доступных устройств для эмуляции. После выбора устройства обязательно перезагрузите страницу, чтобы пользовательский агент обновился и Chrome должным образом эмулировал устройство. Чтобы вернуться к обычному режиму просмотра на рабочем столе, просто щелкните значок мобильного устройства, чтобы отключить эмулятор и перезагрузить страницу.




Статья была переведена для блога TechBlog.SDStudio.top

Источник: wpscholar.com