Question

我有一个由select - 选项创建的下拉菜单。样本为HERE

我需要检查此下拉菜单以执行一些客户风格。我可以通过下面的代码暂停Chrome，但是当我移动鼠标时，下拉菜单会消失！

我想知道是否有一些方法可以暂停屏幕，然后检查选择选项下拉菜单。

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

Answer 1

我相信您无法检查下拉选项，即使它打开，您也只能检查选择。

在下拉框打开时访问检查模式。打开开发工具，单击下拉列表，然后使用快捷方式进入检查模式（ Ctrl + Shift + C for chrome）。 / p>

Answer 2

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

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>

选择 - 选项如何暂停浏览器以检查

2 个答案: