谷歌浏览器显示灰色圆圈光标

Question

当开发工具处于活动状态时，Google Chrome会显示一个灰色圆圈光标。为什么会发生这种情况？如何停止？

Answer 1

2017年11月29日更新：

@Howdy_McGee为您带来了快速更新。

Chrome 62您必须添加设备类型，不再有显示设备类型的选项。

为什么会这样？

正如Randy Hall在下面指出的那样“这个光标指示”触摸“，例如你的手指，用于在（Chrome）浏览器中模拟触摸事件。”

2017年7月20日更新：（版本59.0.3071.115）只需再次办理登机手续，即使通过一系列Chrome更新，以下内容仍然有效。他们已将Show device type的措辞更改为Add device type。我已经改变了下面的措辞，但图像并没有反映出这种变化。

它们也改变了device type设置的工作方式，如下所述。

一旦处于响应模式（通过F12，然后ctrl + shift + m），您需要选择3个灰色圆圈指示的设置部分，然后选择Add device type。完成此操作后，维度区域旁会显示新的下拉列表，选择Mobile (no touch)。我想他们这样做是为了让您不必将其保留在桌面上并将user agent type调整为移动设备，如下所述。

设备类型是什么意思？

截至今天（2017年7月20日），存在device type的相同设置（如上图所示），但它们的工作方式与以前不同：

• 移动：现在，在调整窗口大小时缩放页面上的内容（以准确模拟移动设备上的像素密度）。替换鼠标的圆圈，在点击（完全成熟的移动开发/测试）时模拟屏幕触摸操作。

• 移动（无触摸）：还可以在调整窗口大小时缩放页面上的内容，但继续使用常规鼠标光标进行单击操作。

• 桌面：不缩放内容，使用常规鼠标光标（完全成熟的桌面开发/测试）。

• 桌面（触摸）：也不会缩放内容，但会将常规鼠标光标替换为可以模拟点击屏幕触摸的圆圈。

但我仍想模仿特定的移动设备......

仍有一种方法可以使用此Mobile (no touch)设置设置覆盖用户代理。当您查看自己的控制台（通过F12调出）时，您会看到console标签旁边的3个垂直圆圈，点击它们并调出网络条件。在此部分中，您会看到User agent设置为Select Automatically，只需将其关闭并使用下拉菜单更改为您要模拟的用户代理。这将允许您模拟为特定的移动设备。

Answer 2

此光标表示用于在Chrome浏览器中模拟触摸事件的“触摸”，例如您的手指。

在开发工具窗口中，单击右下角的设置（齿轮）按钮。转到Overrides标签并停用Emulate touch events。

我在这里发帖是因为我花了很长时间才通过搜索找到它，而且我知道其他人也有同样的问题。

通过Paulo Manuel Santos的评论

更新：

在Chrome 32中，仿真配置在不同的位置。这就是我的方法：元素，按Esc，仿真，传感器，模拟触摸屏

Answer 3

2017年7月，此选项会调用添加设备类型：

Answer 4

在Chrome 50上，仿真选项似乎不可用.. 我的解决方法是添加一个带有“移动（无触摸）”选项的自定义设备。

Answer 5

上述答案均不适合我......所以点击右上角的上述3个点后，我选择了设置，然后恢复默认值并重新加载

这不是一个干净的解决方案，但我只是选择一个新的码头位置，然后我又回去工作了

Answer 6

单击此ICON激活（更改为蓝色）;灰色圆圈CURSOR将显示为代表设备的手指触摸，停用此功能将模拟桌面版本和显示指针光标。