如何在响应模式下显示鼠标指针?

时间:2016-04-19 08:27:42

标签: google-chrome-devtools

我曾经能够取消选中Emulate touch screen - 面板中Emulation/Sensors的复选框,以便在使用响应模式时可以看到鼠标指针。此面板现已消失,新的传感器面板没有此设置。

这使得无法使用响应模式,因为我没有指针而且没有控制我触摸/点击的位置(谁设计了这个功能?!)。当我在较新的Chrome中使用响应模式时,如何查看指针/鼠标?

11 个答案:

答案 0 :(得分:96)

显然,在使用响应模式时,您应该将鼠标视为鼠标。我从来没有见过,即使使用几台不同的机器,所以这个功能似乎已经破了。

针对v72进行了更新: guide v72

旧版

然而,在发布此问题后,我终于偶然发现了一个解决方案。在版本50中,解决方案现在是在响应模式下向右按三个点,然后选择Show device type。这会为您提供尺寸等旁边的新下拉菜单,其中可以选择DesktopMobile (no touch)以使用正常鼠标指针(禁用触摸仿真),同时使用响应模式。

Guide

答案 1 :(得分:42)

转到:控制面板>英特尔图形设置>显示>常规设置。然后将量化范围更改为全范围。来自here的解决方案。

Image

感谢@ Funktr0n。

答案 2 :(得分:8)

这也应该有所帮助。

  1. 打开鼠标控制面板。
  2. 在“鼠标属性”窗口中选择“指针选项”选项卡。
  3. 然后启用显示指针跟踪选项。
  4. 如果您因为预告片而不喜欢或者像我一样恼火。将滑块移动到Short位置,拖车变得很短。

答案 3 :(得分:6)

答案非常简单。 Chrome为您提供了创建自定义设备的选项。跟着这些步骤:  1.打开开发工具  2.按F1进入设置  3.去设备  4.在那里添加自定义设备。

重要事项:创建自定义设备时,请选择“移动(无触摸)”选项。就是这样,当您选择此设备进行仿真时,光标将会可见。

答案 4 :(得分:4)

警告:这只是一个快速入侵,而非修复

如果右键单击模拟设备图片,您将能够保持指针可见,这样您至少可以看到您点击的位置。

enter image description here

希望很快就会得到解决。

答案 5 :(得分:3)

设备模式中不存在的触摸光标似乎是一个实际问题,它是being tracked here

答案 6 :(得分:2)

解决了我的问题是将我的显示器的刷新率设置为60Hz渐进式!我不知道如何设置59Hz隔行扫描。

enter image description here

已添加:实际上解决了我的问题是将连接从HDMI切换到DisplayPort!我不知道天气是电缆问题还是端口。最后光标在那里工作!

答案 7 :(得分:2)

当鼠标悬停在页面上方时,按Ctrl + Shift + C可以打开“在页面中选择要检查的元素”模式,然后使用图标(而不是快捷方式)将其关闭。现在可以看到光标了:)

enter image description here

另一种方法是禁用触摸模拟,方法是在“仿真设备”中(在devtools设置中)选择不触摸:

enter image description here

答案 8 :(得分:1)

在Chrome Version 73.0.3683.103和macOS Mojave中,您必须在开发人员模式下切换浏览器窗口菜单中的add device type按钮,以查看设备类型下拉列表:enter image description here

以及您需要的设备的错字: enter image description here

答案 9 :(得分:0)

这是一个显示驱动器问题,对于一个简单的解决方案,按住SHIFT键,光标将在设备上显示。

但是只点击链接而不保持SHIFT [否则它将在新窗口中打开该链接]

答案 10 :(得分:0)

截至 23/04/2021 在 Windows 笔记本电脑上的 Google Chrome 中。

第一步。

  • 按 F12 打开您的开发者工具

第 2 步。

  • 按下 Windows 键盘,CTL + SHIFT + M(同时按住 CTRL SHIFT M)

  • 这将切换响应式视图,然后您现在可以使用鼠标指针

当您想检查您的代码是否适用于不同的鼠标事件或悬停事件时,这非常有用。

我希望这对某人有所帮助。