这是我参与「第五届青训营 」笔记创作活动的第10天
我将从以下几点去分享对于观看完“Web调试技术”相关课程的收获，同时也分享一下自己学习的一些重要的知识点：
- 什么是Web调试技术
- 有什么常见的Web调试技术或者Web调试工具
首先，是关于什么是Web调试技术。Web调试技术是保证所需提供的设备能够正常运行的必须程序。当程序员们或者说开发者们编写好程序之后，能够使用各种手段进行查错和排错的过程。因为作为程序的正确性，不仅仅表现在正常功能的完成上，更重要的是对意外情况的正确处理。
再者，有什么常见的Web调试技术或者Web调试工具。在前端开发中，调试技术是必不可少的技能，本文将介绍五种前端开发必备的调试技术。Weinre移动调试；DOM 断点；debugger断点；native方法hook；远程映射本地调试。
Weinre
在移动上面开发调试是很复杂的，所以就有了weinre。安装weinre可以实现pc来调试手机页面，所以对于移动开发调试是很重要的。
DOM断点
DOM断点是一个Firebug和chrome DevTools提供的功能，当js需要操作打了断点的DOM时，会自动暂停，类似debugger调试。
javascript的debugger语句
需要调试js的时候，我们可以给需要调试的地方通过debugger打断点，代码执行到断点就会暂定，这时候通过单步调试等方式就可以调试js代码
原生代码的hook调试
因为浏览器自己会内置一些类似window对象这些原生的js方法，当你知道原生代码的确有问题，但是你又不能跟踪调试的时候，你就可以用这个方法了。
远程映射本地调试
当线上某个js/css出现问题，我们可以用代理的方式，将远程的文件代理到本地来实现远程映射调试。其实除了这个功能，还可以作为抓包工具，这在移动端是很重要的。推荐Mac用charles Proxy， windows用户使用fiddler。
以上则是我个人的一点学习心得，欢迎各位优秀的开发者批评指正！
