开发最重要的环节之一就是调试，web端的开发和调试工具没有比chrome更优秀的了，下面就讲讲怎么通过chrome的开发者工具对网站进行迭代、调试和分析。 调试的原理很简单，找到想要调试的文件，打上断点，一路step+分析直到找到自己想要的。它的难点在于调试哪个文件、监听哪些参…

每个应用，不论大小，都需要理解程序是如何运行失败的。当我们写的程序没有按照自己写的逻辑走的时候，我们就会逐步一一排查问题。在平常开发过程中我们可能会借助console.log来排查,但是现在我们可以借助vscode断点来调试项目。 在可以从 Chrome 浏览器调试你的 Vue…

1. 控制台中直接访问页面元素 在元素面板选择一个元素,然后在控制台输入$0,就会在控制台中得到刚才选中的元素。如果页面中已经包含了 jQuery,你也可以使用$($0)来进行选择。 你也可以反过来,在控制台输出的 DOM 元素上右键选择 Reveal in Elements …