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

【问题标题】：Google Chrome shows gray circle cursor谷歌浏览器显示灰色圆圈光标
【发布时间】：2013-07-24 11:00:26
【问题描述】：

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

【问题讨论】：

标签： google-chrome google-chrome-devtools

【解决方案1】：

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

【讨论】：

有什么办法可以隐藏它但仍然保留它的功能？我想录制网站的屏幕并将其用于模型，但我不希望出现灰色圆圈

【解决方案2】：

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 标签旁边的三个垂直圆圈，单击它们并调出网络条件。在本节中，您将看到 User agent 设置为 Select Automatically，只需将其关闭并使用下拉菜单更改为您要模拟的用户代理。这将允许您模拟为特定的移动设备。

【讨论】：

很棒的解决方案。谢谢。
我拿回了我的鼠标，但模拟又回到了桌面版本。
我已经更新了我的答案，以解释如果您仍想在移动环境中模拟（使用鼠标而不是浅灰色圆圈），如何覆盖用户代理。
接受这个作为正确答案，因为 Chrome 已经改变了。
Chrome 62 你必须添加设备类型，不再有显示设备类型的选项

【解决方案3】：

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

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

【讨论】：

实际上，这是一个极好的建议。要“重置所有内容”（包括“重置触摸仿真”）然后完全执行此操作：开发工具>设置>滚动到底部>按[恢复默认值并重新加载]按钮。
上面的答案对我也不起作用。我猜是因为 Chrome 现在是 73 版，而上面的答案提到了 62 版。无论如何，这个解决方案似乎更快更容易。

【解决方案4】：

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

【讨论】：

你先生，真是天才
谢谢！刺激减轻了。

【解决方案5】：

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

【讨论】：

【解决方案6】：

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

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

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

更新来自 Paulo Manuel Santos 的评论：

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

【讨论】：

很抱歉给您带来了困惑。从 Chrome 30 开始，您还会看到一个列出所有活动覆盖的通知。
从 Chrome 32 开始，Emulation 配置在不同的位置。这就是我的方法：元素，按 Esc，仿真，传感器，仿真触摸屏
在 Chrome 49 中，当在移动设备模式下运行时，该选项不再可用。
@opznhaarlems，我来这里是为了说同样的话。他们已将其删除。不再有仿真选项卡，并且未在 Senors 选项卡中列出。我也在使用 Chrome 49。但是，我确实找到了一个解决方案，我将作为答案发布。
我希望你们都很高兴我喜欢这个功能。现在我应该怎么看鼠标在哪里？