«
»
Chrome DevToolsGoogleGoogle Chrome

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

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

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

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

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

Связанные записи
Chrome DevToolsGoogle Chrome

Как создать ярлык для console.log() в Chrome DevTools (в режиме разработчика при написании JS)

Chrome DevToolsGoogleGoogle ChromeWEB

Запускайте фрагменты JavaScript на любой странице с помощью Chrome DevTools

FacebookGoogleWordPressПлагиныСоциальные сети

Вход в WordPress через социальные сети: как настроить вход через Facebook и Google

GoogleGoogle DocsWordPressПолезные сайты

Как проверить ваши партнерские ссылки - найти и исправить взломанные URL в WordPress