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

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 上，模拟选项似乎不可用。我的解决方法是添加带有“移动（无触摸）”选项的自定义设备。