Google Chrome показывает курсор с серым кружком, когда инструменты разработчика активны. Почему это происходит и как это сделать?
Google Chrome показывает серый курсор
Ответ 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
, просто выключите его и используйте раскрывающийся список, чтобы перейти к пользовательскому агенту, который вы хотите подражать. Это позволит вам эмулировать конкретное мобильное устройство.
Ответ 2
Этот курсор указывает на "касание", например, на ваш палец, для эмуляции событий касания в браузере Chrome.
В окне инструментов разработчика нажмите кнопку настроек (шестерни) в правом нижнем углу. Перейдите на вкладку Overrides
и отключите Emulate touch events
.
Я размещаю это здесь, потому что мне понадобилось много времени, чтобы найти его через поисковые запросы, и я знаю, что у других возникла такая же проблема.
Обновить через комментарий Paulo Manuel Santos:
В Chrome 32 эмуляция настроена в другом месте. Вот как я к этому отношусь: Элементы, нажмите Esc, Emulation, Sensors, Emulate touch screen
Ответ 3
В июле 2017 эта опция вызывает Добавить тип устройства:
Ответ 4
В Chrome 50 кажется, что опция эмуляции недоступна. Моим обходным путем было добавить пользовательское устройство с опцией "Мобильный (без касания)".
Ответ 5
Ни один из вышеперечисленных ответов не работал у меня... Поэтому, щелкнув вышеупомянутые 3 точки в правом нижнем углу, я выбрал Настройки, а затем Восстановить значения по умолчанию и перезагрузить
Это не чистое решение, но мне нужно было просто выбрать новую позицию для док-станции, а затем я вернулся к работе
Ответ 6
Когда вы нажимаете эту ICON для активации (переход на синий); Серый круг CURSOR будет отображаться как отображающий касание пальцем для устройств, а деактивация будет имитировать настольную версию и отображение курсора POINTER.