Проверить мобильные сайты с веб-браузером Chrome

Проверить мобильные сайты с веб-браузером Chrome - манекены

Чтобы протестировать веб-браузер iPhone или iPad в браузере Chrome, вы можете запустить инструменты разработчика, щелкнув значок гаечного ключа в верхнем правом углу окна браузера и выбрав «Инструменты» → Инструменты разработчика или выбрав команду Ctrl + Shift + I в Windows или Command + Option + I на Mac.

В окне «Инструменты разработчика» в Chrome есть много инструментов, которые помогут вам найти подробную информацию о любой странице, которую вы открываете в браузере. С помощью панели «Элементы», показанной на рисунке, вы можете просмотреть исходные стили HTML или CSS, просмотреть объектную модель документа и управлять каждым из них в режиме реального времени. После того, как окно открыто, вы можете оставить его подключенным к главному браузеру или позволить ему плавать независимо.

На панели «Ресурсы» показаны загруженные ресурсы, такие как HTML, CSS, JavaScript, изображения, шрифты, базы данных HTML5 и другие элементы, связанные с веб-страницей. Интерактивная панель позволяет вам вносить изменения в код и видеть их влияние (без изменения живой веб-страницы, потому что инструменты только временно изменяют код, который кэшируется в браузере.)

Инструменты разработчика включают в себя несколько вкладок, включая панель «Сеть», которая показывает компоненты, запрашиваемые с веб-серверов, длину запросов и требуемую полосу пропускания. На панели «Сценарии» отображается список сценариев, запрашиваемых на этой странице, и поставляется с полнофункциональным отладчиком сценариев.