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

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

Таким образом, возможность эмулировать мобильное или планшетное устройство означает, что вы можете тестировать свой сайт или приложение на этих устройствах, фактически не имея их. Хотя ни один эмулятор не гарантированно будет идеальным, в Chrome есть встроенный эмулятор, который достаточно близко подойдет вам и поддерживает широкий спектр популярных мобильных и планшетных устройств.
https://techblog.sdstudio.top/wp-content/uploads/2020/04/post-10221-5ea23e523acd5.gif
Все, что вам нужно сделать, чтобы начать эмуляцию устройства, – это открыть инструменты разработчика Chrome и щелкнуть значок мобильного телефона в левом верхнем углу. Это перезагрузит веб-страницу и предоставит вам возможность выбрать мобильное устройство из выпадающего списка доступных устройств для эмуляции. После выбора устройства обязательно перезагрузите страницу, чтобы пользовательский агент обновился и Chrome должным образом эмулировал устройство. Чтобы вернуться к обычному режиму просмотра на рабочем столе, просто щелкните значок мобильного устройства, чтобы отключить эмулятор и перезагрузить страницу.

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

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

Источник записи: https://techblog.sdstudio.top/perevod/emulyaciya-mobilnyh-i-planshetnyh-ustrojstv-v-chrome