debugging 选择-选项如何暂停浏览器进行检查

0wi1tuuw 于 2023-06-23 发布在其他

关注(0)|答案(3)|浏览(122)

我有一个下拉菜单创建的选择-选项。示例为HERE
我需要检查这个下拉菜单做一些客户风格。我可以通过下面的代码暂停Chrome，但是当我移动鼠标时，下拉菜单消失了！
我想知道是否有一些方法可以暂停屏幕，然后检查选择选项下拉菜单。

setTimeout(function(){debugger;}, 5000)

debugging

来源：https://stackoverflow.com/questions/48674473/select-option-how-to-pause-browser-to-inspect

3条答案

按热度按时间

4si2a6ki1#

我不太确定是否可以在调试时以某种方式保持下拉列表打开。也许你对这个解决方案很满意：

var debugSelect = document.getElementById('debugSelect');

setTimeout(function() {
  debugSelect.size = debugSelect.length;
  debugSelect.multiple = true;
  debugger;
  debugSelect.multiple = false;
  debugSelect.size = 1;
}, 5000);

<select id="debugSelect">
  <option value="">Select an option...</option>
  <option value="1">Option 1</option>
  <option value="2" selected="selected">Option 2</option>
  <option value="3">Option 3</option>
  <option value="4">Option 4</option>
</select>

赞(0）回复(0）举报 2023-06-23

brtdzjyr2#

我相信你不能检查下拉选项，即使它是打开的，你只能检查选择。
在下拉框打开时访问检查模式。打开开发工具，单击下拉菜单，然后使用快捷方式进入检查模式（Ctrl+Shift+C用于chrome）。

赞(0）回复(0）举报 2023-06-23

siv3szwd3#

相信你能找到解决方案here
总结：只需检查父元素并删除'blur'和'mouseout'事件侦听器

赞(0）回复(0）举报 2023-06-23