Нововведение в функциональности Google Chrome

Уверен что читатели нашего сайта знают о Канарейке (Canary), то есть о девелоперском канале обновлений Google Chrome , которая ежедневно получает обновления и которую можно поставить параллельно со стабильной версий Хрома.

Сегодня в блоге Google Developers Blog появилась новость об очередном нововведении, которое коснулось нативных инструментов для разработиков в Google Chrome.

А именно, теперь у нас появилась возможность посмотреть, как будет выглядеть или веб-приложение на мобильном устройстве, имитируя нужные нам размеры экрана и тач-ивенты с помощью мыши.

 

Как это выглядит можно посмотреть ниже:

Конечно, это не полноценное тестирование, и многие вещи невозможно эмулировать таким образом, но нельзя не согласиться, что новая функциональность является отличным и полезным инструментом для веб-разработчиков.

 

Сейчас обьясню как можно имитировать ужные нам размеры экрана. Всё очень просто.

Заходим на веб-страничку которую желаем проверить.

Открываем "Инструменты разработчика" (Ctrl+Shisft+J) или через меню

Заходим в "Settings" (нажав на шестиренку в правом углу). Ставим галочку на опции "Override device metric"

В появившихся полях вводите желаемые размеры. По не обходимости можно также активровать "Еmulatу touch events" .

 

Таким образом можно эмитировать консоля для мобильной версии.