Chrome DevTools 触摸仿真不起作用

Posted

技术标签:

【中文标题】Chrome DevTools 触摸仿真不起作用【英文标题】:Chrome DevTools touch emulation not working 【发布时间】:2014-12-05 15:19:56 【问题描述】:

我使用 Chrome 的 DevTools 来测试移动 html5 应用程序,即通过模拟设备和触摸事件。

昨天一切正常,但今天我在使用“检查元素”(屏幕截图)时得到了一个新工具栏,如果我选择模拟任何设备,触摸事件就不起作用,例如我按下一个按钮,它会触发属于其他元素/按钮的事件。

如果我禁用 DevTools,一切正常。

无论如何要恢复到以前的行为,例如回滚一些更新,或者至少让这些功能正常工作?

谢谢! :)

【问题讨论】:

【参考方案1】:

看起来最新的更新已经解决了这个问题。

对于那些仍然获得它的人,请尝试更新您的 chrome 下载金丝雀版本!

【讨论】:

刚刚更新了Chrome,没有效果;将尝试 Canary 并回发。 该死的。你说得对。我正在开发一个 100% 完整页面的网站,因此正文上的滚动设置为隐藏 - 这似乎可以解决它。因此,滚动和仿真移动滚动肯定是个问题(我怀疑这是滚动动量)。希望他们尽快解决!

以上是关于Chrome DevTools 触摸仿真不起作用的主要内容,如果未能解决你的问题,请参考以下文章

Chrome DevTools 端口转发不适用于高端口号

在 vue3+typescript devtools 属性不起作用

spring-boot-devtools 自动重启不起作用

在 chrome devtools 中,在我所有的 tsx 源文件中,语法高亮和智能感知不再起作用

wordpress:触摸板(2 指)滚动在 IE 11 / Edge 浏览器中不起作用

触摸文本字段不起作用