【问题标题】:How to show mouse pointer in responsive mode?如何在响应模式下显示鼠标指针?
【发布时间】:2016-08-11 07:10:33
【问题描述】:

我以前可以取消选中 Emulate touch screen 面板中的 Emulate touch screen 复选框,以便在使用响应模式时可以看到鼠标指针。这个面板现在没有了,新的传感器面板没有这个设置。

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

【问题讨论】:

    标签: google-chrome-devtools


    【解决方案1】:

    显然,在使用响应模式时,您应该看到一个圆圈作为您的鼠标。我从来没有见过,即使使用了几台不同的机器,所以这个功能似乎坏了。

    为 v72 更新:


    年长的

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

    【讨论】:

    • 谢谢,在 2017 年仍然有用,这个 bug 快把我逼疯了!
    • 在我的 macOS Sierra 上的 Chrome 版本中,它被标记为“添加设备类型”
    • @TimothyZorn 谢谢!
    • 当心 - 有两个“三点”图标,一个在元素面板中,另一个(您想要的那个)在主浏览器窗口中。特别是如果您的屏幕非常宽,并且您的开发工具停靠在左侧,很容易错过第二个!
    • 在我的 Win 10 上的 Chrome 版本中,它也称为“添加设备类型”,但是当我单击它时,我看到一个下拉菜单添加了“移动”一词 - 但该菜单显示为灰色并且禁用。原来,我首先选择了“iPhone 6/7/8”。如果我将其更改为“响应式”,则菜单将变为活动状态。我不明白为什么谷歌会这样做,所以你无法在模拟 iPhone 时使用鼠标指针。
    【解决方案2】:

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

    【讨论】:

    【解决方案3】:

    答案很简单。 Chrome 为您提供了创建自定义设备的选项。按着这些次序: 1.打开开发工具 2.按F1进入设置 3.转到设备 4. 在那里添加一个自定义设备。

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

    【讨论】:

    • 请注意,您必须关闭并重新打开选项卡。
    【解决方案4】:

    警告:这只是一个快速破解,而不是修复

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

    希望这将很快得到解决。

    【讨论】:

    • 我喜欢这个解决方案的“hackiness”!
    【解决方案5】:

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

    感谢@Funktr0n。

    【讨论】:

    • 这解决了我的问题,但为什么呢?
    • 截图真的很有帮助。欣赏它。
    • 成功了!非常感谢!
    • 我在家里使用我的笔记本电脑,光标显示得很好,但是当我在工作中将它插入不同的显示器时,光标消失了。这个答案解决了问题!我认为这是一个奇怪的监视器问题。
    • 每次我重新插入显示器时都会得到这个:/再次应用设置后它再次工作(尽管之前它似乎仍然是全范围)
    【解决方案6】:

    这也应该有帮助。

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

    【讨论】:

      【解决方案7】:

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

      但是不要按住 SHIFT 就只点击链接 [否则它将在新窗口中打开该链接]

      【讨论】:

        【解决方案8】:

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

        补充说:真正解决我的问题是将连接从 HDMI 交换到 DisplayPort!我不知道天气是电缆问题还是端口问题。终于光标在那里并且工作了!

        【讨论】:

          【解决方案9】:

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

          以及您需要的设备的选择错字:

          【讨论】:

            【解决方案10】:

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

            另一种方法是禁用触摸模拟,方法是在“Emulated Devices”中选择 no touch(在 devtools 设置中):

            【讨论】:

            • 这个答案的第二部分似乎还可以,但我想保留宽度滑块并且没有固定尺寸的设备。不管怎么说,多谢拉。 :)
            猜你喜欢
            • 2016-12-14
            • 1970-01-01
            • 1970-01-01
            • 2023-03-27
            • 2020-02-04
            • 2020-06-01
            • 1970-01-01
            • 2021-08-31
            • 1970-01-01
            相关资源
            最近更新 更多