F12如何定位弹窗里的元素

---

        把鼠标放在Tab栏上某个菜单后，下拉框中会出现更多菜单，鼠标一旦移开了Tab栏上的菜单后，下拉菜单也会跟着消失，而且在F12的elements中找不到下拉菜单中的元素位置，难以抓取到元素的位置。别急，下面记录一下我的解决办法：

1、  在console中输入下面的内容然后按回车键：

             4000是指4000ms，即4s，即按下回车后的4s后会进行元素抓取。比如说刚刚的下拉框，按下回车后，我们可以去打开下拉框，这时候下拉框的页面就会锁定，鼠标就算离开了Tab的菜单也不会关闭下拉框。

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

2、定位下拉框中的元素

        因为这时候下拉框的页面已经被锁定了，我们可以按照抓取普通元素的方法对下拉框中的元素进行定位。