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

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，Emulation，Sensors，Emulate触摸屏

Answer 3

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

---

---

Answer 4

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

Answer 5

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

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

Answer 6

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