Обновился Chrome DevTools: эмуляция разных экранов и тестирование приложений на устройствах с десктопа

    Обновились бета-ветки Chrome для десктопа и для Android, привнеся несколько интересных «фич» Chrome DevTools, предназначенных для тестирования мобильных приложений и сайтов.

    Первая — это эмуляция разных физических экранов в Chrome. Из новой вкладки Emulation можно будет выбрать предустановленное устройство и приложение будет показано с параметрами его экрана — как показано на примере ниже. Параметры эмуляции экрана, вроде его разрешения, полностью редактируемы:

    image


    Вторая фича — возможность тестирования веб-приложения на подключённом по USB мобильном устройстве из браузера. Без необходимости устанавливать adb-драйверы или что-нибудь конфигурировать, десктопный Chrome определяет все запущенные экземпляры Chrome и WebView в Android и отображает их на экране, предоставляя возможность управлять ими как с самого телефона, так и из десктопного браузера.

    На видео это выглядит так:



    [Источник]
    Share post

    Similar posts

    AdBlock has stolen the banner, but banners are not teeth — they will be back

    More
    Ads

    Comments 19

      +3
      Первая фича уже давно работает, или я что-то не понимаю?
      За вторую фичу хочется расцеловать!!!
        +2
        Первая фича раньше «переопределяла» только  UserAgent для сервера, а теперь еще и меняется размер области для отрисовки, devicePixelRatio и некоторые другие вещи — т.е. намного более «честная» эмуляция.
          +6
          Уже как минимум полтора года можно менять размер области отрисовки

            +2
            А настройку плотности пикселов сделали относительно недавно, может с месяц (сужу по канарейкам).
          0
          Я так понимаю, что первая фича — это то же, что было раньше, только с пресетами.
            0
            Да пресеты тоже давно уже…

            image
          0
          Собственно огромный плюс в том что хром раньше не умел нормально вьюпорты, только юзер-агенты и разрешение экрана, а теперь умеет и это без дураков — очень круто.
            –4
            По моим ощущениям он с каждым обновлением все более нестабильным становится…
              +2
              Вот не занимаюсь я веб-разработкой уже давно, сменил сферу деятельности. Почитываю новости и мне кажется, что теперь мир веб-разработчика очень удобный, легкий, с тоннами инструментов, документации и прочего, прочего, прочего. Даже обидно, что ушел.

              PS не по теме: а времена IE6+ прошли еще еще нет?
                0
                При нашей жизни эти времена не пройдут. :(
                  0
                  Конечно, прошли, теперь новые тренды.
                    0
                    Документации много. Инструментов много. А вот требований ещё больше стало.
                      +1
                      > PS не по теме: а времена IE6+ прошли еще еще нет?

                      Тестировать всевозможные мобильники — ещё больший ад, там инструментов почти нет.
                      +2
                      интересно, когда в стабильные ветки войдет
                        0
                        около Рождества.
                        На стабилизацию 31-й ветки у них ушел 71 день. Если на 32-ю уйдет столько же, то релиз будет 14 января.
                        0
                        Тестирование приложений у меня к сожалению работает только с браузером, а вот WebView, которая мне была бы нужна Chrome не видит. А жаль.
                          0
                          Это, безусловно, полезные фичи. Но когда гугл уже наконец сделает так, чтобы контекст окна devtools переключался вместе с переключением вкладок, как это сделано в firebug? Очень неудобно держать толпу окон и переключаться между ними вручную.
                            0
                            Заметил еще одно полезное улучшение — теперь в структуре документа (Elements) присутствуют псевдоэлементы :after и :before и с ними можно работать как с обычными элементами.
                              0
                              А для ios вторая фича работает?

                              Only users with full accounts can post comments. Log in, please.