48

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

4

6 回答 6

56

2017 年 11 月 29 日更新：

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

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

为什么会这样？

正如 Randy Hall 在下方指出的那样，“此光标表示“触摸”，例如您的手指，用于在 Chrome 浏览器中模拟触摸事件。

2017 年 7 月 20 日更新：（版本 59.0.3071.115）再次签入，看起来即使通过一堆 Chrome 更新，以下内容仍然有效。他们更改了Show device typeto的措辞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），您会在选项卡旁边看到 3 个垂直圆圈console，单击它们并调出Network Conditions。在本节中，您将看到User agent设置为Select Automatically，只需将其关闭并使用下拉菜单更改为您要模拟的用户代理。这将允许您模拟为特定的移动设备。

在此处输入图像描述

于 2016-03-15T15:30:32.133 回答
27

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

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

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

通过 Paulo Manuel Santos 的评论更新：

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

于 2013-07-24T19:19:39.827 回答
10

在 2017 年 7 月，此选项调用Add device type：

在此处输入图像描述

在此处输入图像描述

在此处输入图像描述

于 2017-07-07T11:25:24.843 回答
5

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

于 2016-05-20T09:52:48.680 回答
4

单击此图标可在移动/桌面版本之间切换

当您单击此图标激活时（变为蓝色）；Gray Circle CURSOR 将显示为代表设备的手指触摸，禁用它将模拟桌面版本并显示 POINTER 光标。

于 2017-12-29T14:29:43.603 回答
3

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

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

于 2017-10-16T10:23:22.723 回答