前端调试 - 获取下拉框元素 F12 延时断点操作记录 - 秒杀其他所谓的F8和手速快操作

步骤

点击 F12

选择控制台

控制台输入如下代码

setTimeout(() => { debugger; }, 3000);

立马回去下拉框的页面，点击下拉框，触发它的 Javascript 功能，等待延时断点 3 秒后启动，效果如下：

这个方法秒杀其他什么手速快就能暂停页面的 Javascript ，还有什么快速点击 F8，太浪费精力了，大忽悠

🛠️ 方法一：延时断点 (最推荐，成功率最高) 这个方法通过给浏览器设定一个"闹钟"，让你有时间在毫秒间从容操作。

打开开发者工具：在页面中按 F12。

切换至控制台：点击开发者工具顶部的 Console (控制台) 标签页。

输入代码：在控制台的命令提示符（>）处，输入以下代码并按 回车键 执行：

javascript

javascript setTimeout(() => { debugger; }, 3000);

触发关键操作：代码执行后，你将有3秒钟的时间。立刻回到页面，点击下拉框，让菜单弹出来。

冻结页面：大约3秒后，浏览器会被一个"debugger"断点暂停，页面随之冻结。此时，你之前打开的下拉菜单会被定格在屏幕上。

成功定位：现在，你可以慢慢将鼠标移回开发者工具的 Elements (元素) 面板，任意审查和搜索下拉菜单里的所有选项了。