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

Question

当开发工具处于事件状态时，Google Chrome 浏览器会显示灰色圆形光标。为什么会发生这种情况以及如何阻止这种情况？

Answer 1

2017 年 11 月 29 日更新:

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

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

为什么会发生这种情况？

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

2017 年 7 月 20 日更新:(版本 59.0.3071.115)再次检查，即使经过一系列 Chrome 更新，下面的内容仍然有效。他们已将显示设备类型的措辞更改为添加设备类型。我更改了下面的措辞，但图像未反射(reflect)更改。

他们还更改了设备类型设置的工作方式，如下所述。

进入响应模式后(通过 F12，然后按 ctrl + shift + m)，您需要选择由 3 个灰色圆圈指示的设置部分，然后选择 添加设备类型。执行此操作后，尺寸区域旁边将出现一个新的下拉菜单，选择移动(无触摸)。我想他们这样做是为了让您不必将其保留在桌面上并将用户代理类型调整为移动设备，如下所述。

设备类型的含义是什么？

截至今天(2017 年 7 月 20 日)，设备类型 存在相同的设置(如上图所示)，但它们的工作方式与之前略有不同:

• 移动设备:现在在调整窗口大小时会缩放页面上的内容(以准确模拟移动设备上的像素密度)。取代鼠标的圆圈模拟点击时的屏幕触摸 Action (成熟的移动开发/测试)。

• 移动设备(无触摸):在调整窗口大小时也会缩放页面上的内容，但继续使用常规鼠标光标进行点击操作。

  <

• 桌面:不缩放内容，使用常规鼠标光标(成熟的桌面开发/测试)。

• 桌面(触摸):也不会缩放内容，而是将常规鼠标光标替换为圆形，模拟点击时的屏幕触摸。

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

仍然有一种方法可以使用此移动(无触摸)设置来覆盖用户代理。当您查看控制台(通过 F12 调出)时，您会在 console 选项卡旁边看到 3 个垂直圆圈，单击它们并调出 < strong>网络状况。在此部分中，您将看到用户代理设置为自动选择，只需将其关闭并使用下拉菜单更改为您想要的用户代理效仿为.这将允许您模拟特定的移动设备。