浏览器调试技巧

前言：

        身为一名前端开发者，调试器是我们经常用到的，可以选择一个DOM去查看这个DOM的类、id、属性以及样式，但有有些DOM是必须要页面聚焦才能看到，就比如说下拉框选项，假设我现在想要去查看下拉框某一个选项的类名时，使用常规的调试会发生失焦的情况。

        当我想要对页面中这个下拉框选项进行检查时，这个下拉框就会失焦，这也是我们比较头疼的问题。其实方法很简单。

打开模拟焦点页面开关

        在样式中点击:hov，打开模拟焦点页面，这样我们在去检查下拉框选项时就不会失焦了。

结语：

        虽然这个很简单，但确实解决了很多问题。如果这篇文章对你有帮助，不妨点赞加关注，我还会继续更新前端中有用的知识点。