【问题标题】:Unable to open select using Chrome devtools mobile mode无法使用 Chrome devtools 移动模式打开选择
【发布时间】:2016-10-01 20:29:24
【问题描述】:

我创建了一个文件test.html:

<select>
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>

<style type="text/css">
select {
    width: 100%;
    font-size: 120px;
}
</style>

当使用 DevTools F12(任何设备显示模式)时,它会阻止选择。

我还尝试了SO post 中的chrome://flags/#touch-events 选项。

我可以做些什么来使用 Chrome 在移动模式下打开选择?

我的 Chrome 版本是53.0.2785.116 m

编辑

我的 chrome 今天更新到版本53.0.2785.143 m

现在选择以这种方式显示:

【问题讨论】:

  • 我升级后遇到了同样的问题。我昨天报告了这个问题,但同时我要再次降级 chrome,我想我们无能为力了
  • 原来你不能降级 chrome 因为它会自动更新,现在使用 jquery 手动更改值,直到它得到修复:(

标签: javascript google-chrome drop-down-menu google-chrome-devtools


【解决方案1】:

这是bug。您可以为报告加注星标以表明它对您有影响,如果可以,请提供您的操作系统和硬件配置,以便团队可以从看到此问题的多人那里获得尽可能多的信息,以找出问题所在。

遗憾的是,在修复错误之前,设备模式不能用于测试选择元素。

谢谢。

【讨论】:

  • 现在可以在版本 54 中使用!! ...当您从 100% 更改为其他分辨率时,仍然存在一个小错误,选项没有被调整大小(它们的宽度保持等于 100% 模式下的选择)...但我认为我们可以忍受那:)
猜你喜欢
  • 2015-02-23
  • 2014-03-05
  • 2019-01-11
  • 2016-10-07
  • 2015-06-01
  • 1970-01-01
  • 1970-01-01
  • 2021-11-15
  • 1970-01-01
相关资源
最近更新 更多