我最喜欢的前端调试技巧

由 Mux 主办的 DEV 全球展示挑战赛：展示你的项目！

简而言之，诀窍在于：

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

我用这行代码好几年了。
虽然只是偶尔用用，但每次用它都能帮我省去很多麻烦。

你可能会问自己……真的吗？
我可以延迟执行调试语句吗？
我为什么要这么做？
我为什么要读这篇文章？

别担心，我准备了一个动图来回答你们所有的问题。
我会举一个咖啡网站的例子，因为我们都喜欢咖啡☕️：

我们这个技巧的最佳应用场景是，当我们需要在 DevTools 中更改或检查样式，而移动光标或按下任何键时元素就会关闭。

有了这行代码，我们就可以在需要的时候放置光标，然后等待调试器自动启动，而无需执行任何操作。

希望你下次遇到难以调试的工具提示时，能用这个绝妙的技巧🚀做好准备。

如果你发现了其他用途，请在评论区告诉我！