Ответ 1
Ноябрь 29, 2017 Обновление:
Краткое обновление, представленное @Howdy_McGee.
Chrome 62 вам нужно добавить тип устройства, больше нет опции для отображения типа устройства.
Почему это происходит?
Как говорит Рэнди Холл ниже "Этот курсор указывает на" касание ", например, на ваш палец, для эмуляции событий касания в браузере Chrome."
20 июля 2017 г. Обновление: (версия 59.0.3071.115). Просто повторите попытку, выглядит так, как показано ниже, по-прежнему действует даже через кучу обновлений Chrome. Они изменили формулировку Show device type на Add device type. Я изменил формулировку ниже, но изображение не отражает изменения.
Они также изменили способ настройки device type, описанный ниже.
В режиме ожидания (через F12, затем ctrl + shift + m) вам нужно будет выбрать раздел настроек, обозначенный тремя серыми кружками, затем выберите Add device type. После этого рядом с областью измерений появится новое раскрывающееся меню, выберите Mobile (no touch). Я предполагаю, что они сделали это, так что вам не нужно держать его на рабочем столе и настроить user agent type на мобильное устройство, как я описал ниже.
Что означают типы устройств?
На сегодняшний день (20 июля 2017 года) существуют те же настройки для device type (как показано на рисунке выше), но они работают немного иначе, чем раньше:
-
Мобильный: Теперь масштабирует контент на странице при изменении размера окна (чтобы точно имитировать плотность пикселей на мобильном устройстве). Круг, который заменяет вашу мышь, имитирует действие касания экрана при нажатии (полноценная мобильная разработка/тестирование).
-
Мобильный (без касания): Также масштабирует контент на странице при изменении размера окна, но продолжает использовать обычный курсор мыши для действий с кликом.
-
Рабочий стол: Не масштабирует контент, использует обычный курсор мыши (полноценная разработка/тестирование рабочего стола).
-
Рабочий стол (сенсорный): Также не масштабирует контент, а заменяет обычный курсор мыши кругом, который будет имитировать касания экрана при нажатии.
Но я все еще хочу эмулировать конкретное мобильное устройство...
По-прежнему существует способ переопределить пользовательский агент с помощью этого набора Mobile (no touch). Когда вы смотрите на консоль (вызывается через F12), вы увидите 3 вертикальных круга рядом со вкладкой console, щелкните их и вызовите Сетевые условия. В этом разделе вы увидите, что User agent установлен на Select Automatically, просто выключите его и используйте раскрывающийся список, чтобы перейти к пользовательскому агенту, который вы хотите подражать. Это позволит вам эмулировать конкретное мобильное устройство.
