下拉框选项样式调试

问题

自定义下拉框选项时，样式未生效，想通过浏览器审查元素查看原因。但是发现点击打开下拉框菜单后，再点击控制台，下拉框就会隐藏。

尝试

通过比对前后类名、控制台模拟焦点页面，以及禁用JavaScript等方法都无效。

解决办法

控制台输入 setTimeout(_=>{debugger}, 2000) 回车，2秒后会进入 debugger 模式，此时可以固定住已打开的下拉框，方便查看元素。

但缺点是，无法通过 Vue-dev-tool 查看具体的组件信息。

参考链接

1. 浏览器怎么在控制台修改日历弹框样式？
2. F12检视一个元素的时候，鼠标一动 这个元素就会消失，那么如何定位到这个元素的html源码位置？