Google Chrome显示灰色圆圈光标 [英] Google Chrome shows gray circle cursor

问题描述

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

Google Chrome shows a gray circle cursor when dev tools is active. Why is this happening and how do I make this stop?

推荐答案

2017年11月29日更新:

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

Quick Update brought to you by @Howdy_McGee.

Chrome 62，您必须添加设备类型，不再有显示设备类型"选项.

为什么会这样?

正如兰迪·霍尔(Randy Hall)所指出的:此光标表示触摸"，例如您的手指，用于在Chrome浏览器中模拟触摸事件.

As Randy Hall points out below "This cursor indicates a "touch", such as your finger, for emulating touch events in (the) Chrome browser."

2017年7月20日更新:(版本59.0.3071.115)只需再次签入，即使通过大量Chrome更新，以下内容仍然有效.他们已将Show device type的措辞更改为Add device type.我更改了下面的措词，但图像未反映出更改.

July 20th, 2017 Update: (version 59.0.3071.115) Just checking in again, looks like the below is still valid even through a bunch of Chrome updates. They have changed the wording of Show device type to Add device type. I've changed the wording below, but the image does not reflect the change.

它们还改变了device type设置的工作方式，如下所述.

They have also changed the way the device type settings work, explained below.

在响应模式下(通过F12，然后是ctrl + shift + m)，您将需要选择由3个灰色圆圈表示的设置部分，然后选择Add device type.完成此操作后，新的下拉列表将出现在尺寸区域旁边，选择Mobile (no touch).我想他们这样做是为了让您不必将其保留在桌面上并将user agent type调整为移动设备，如下所述.

Once in responsive mode (via F12, then ctrl + shift + m) you will need to select the settings section indicated by the 3 grey circles, then select Add device type. Once you do this, a new drop down will appear next to the dimensions area, select Mobile (no touch). I imagine they did this so that you don't have to keep it on desktop and adjust the user agent type to a mobile device as I've described below.

设备类型是什么意思?

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

As of today (July 20th, 2017), the same settings for device type exist (as shown in the image above), but they work a bit differently than previously before:

• 移动:现在在调整窗口大小时可以缩放页面上的内容(以精确模拟移动设备上的像素密度).替换鼠标的圆圈，在单击(完整的移动开发/测试)时模拟屏幕触摸动作.

• Mobile: Now scales the content on the page when resizing the window (to accurately simulate pixel density on a mobile device). The circle that replaces your mouse, simulates a screen touch action when clicking (full fledged mobile development / testing).

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

Mobile (no touch): Also scales the content on the page when resizing the window, but continues to use your regular mouse cursor for your click actions.

台式机::不缩放内容，使用常规鼠标光标(全面的桌面开发/测试).

Desktop: Does not scale content, uses regular mouse cursor (full fledged desktop development / testing).

桌面(触摸)::也不会缩放内容，但是将您的常规鼠标光标替换为可以模拟点击时屏幕触摸的圆圈.

Desktop (touch): Also does not scale content, but replaces your regular mouse cursor with a circle that will simulate screen touches on click.

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

仍有一种方法可以用此Mobile (no touch)设置集覆盖用户代理.当您查看控制台(通过F12调出)时，您会在console选项卡旁边看到3个垂直圆圈，单击它们并调出网络条件.在本部分中，您将看到User agent设置为Select Automatically，只需将其关闭并使用下拉菜单更改为您要模拟的用户代理.这将使您可以模拟为特定的移动设备.

There is still a way to override the user-agent with this Mobile (no touch) setting set. When you're looking at your console (brought up via F12), you'll see the 3 vertical circles there next to the console tab, click them and bring up Network Conditions. Within this section you'll see that User agent is set to Select Automatically, just turn this off and use the drop-down to change to the user-agent you want to emulate as. This will allow you to emulate as a specific mobile device.

这篇关于Google Chrome显示灰色圆圈光标的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！