利用firefox浏览器debugWeb应用
利用浏览器debugWeb应用
在进行web学习的过程中，我认为十分重要的一个点就是学会如何快速debug，以下是我总结的一些如何用浏览器debug web项目的一些入门技巧。这里只是简单的介绍，如果要深入了解可以在评论区留言，我也不一定能回答就是了。
我写了一个简单的小demo来方便演练，首先我们打开自己的web页面，按F12进行调试
- 查看器
简单地介绍‘查看器’，接下来看‘调试器’，这个比较重要。
2. 调试器
调试器可以很方便地调试JS代码，通过设置断点的方式，你可以快速找到自己的bug
我们来做个简单的尝试，在鼠标点击事件处设置一个断点（下图的第5行代码，在第5行旁边左移一点点用鼠标点击一下就设置了断点，再点击一下就取消。），然后刷新页面，可以看见代码运行已经停止在断点处。
-
样式编辑器
样式编辑器，就是罗列样式也就是Css代码的地方。
在这里我们可以很方便阅读代码并对样式进行调整。 -
网络这部分是比较重要的地方，也是比较重要知识。
这里是一个比较完整的关于浏览器bebug web "network"的网址：
https://developer.mozilla.org/zh-CN/docs/Tools/Network_Monitor -
储存
就介绍到这，希望对大家有所帮助。