这是我参与「第四届青训营 」笔记创作活动的第4天
青训营课程回顾与知识点总节四\

八.前端必须知道的开发调试知识

1.Bug

在IT中，bug一般表示程序中出现的错误，因为软件运行中出现错误，或者是硬件造成的错误，出现功能不能正常显示，或者死机等现象，有些程序出现错误造成一定的计算机安全隐患，这就叫做漏洞
美国海军有一位计算机科学家，她在调试设备的时候，设备突然出现故障，在排查故障的时候，发现有一只蝙蝠，发现蝙蝠卡住了机器，机器不能运行，之后，就把程序故障称为bug。\

2.前端Drbug

特点：
1.平台较多
2.适应环境较多
3.可使用的工具较多
4.能使用的技巧非常多\

3.Chrome DevTools

1.动态修改元素和样式 2.Console 3.Sorce Tab 4.Break Point 与Watch 5.Scope与Call Stack 6.压缩后的代码如何调试 7.Source Map 8.Application

4.移动端H5调试

1.真机调试 2.VConsole 3.使用代理工具调试 4.常见代理工具

5.常见开发调试技巧

1 设置。为了调试一个程序，首先必须使程序中包含调试信息。一般情况下，一个从AppWizard创建的工程中包含的Debug
2 断点。断点是调试器设置的一个代码位置。当程序运行到断点时，程序中断执行，回到调试器。断点是
3 Watch。VC支持查看变量、表达式和内存的值。所有这些观察都必须是在断点中断的情况下进行。
4 Memory。由于指针指向的数组，Watch只能显示第一个元素的值。
5 Varibles
Debug工具条上的Varibles按钮弹出一个框，显示所有当前执行上下文中可见的变量的值。特别是当前指令涉及的变量，以红色显示。


6 寄存器
Debug工具条上的Reigsters按钮弹出一个框，显示当前的所有寄存器的值。


7 进程控制
VC允许被中断的程序继续运行、单步运行和运行到指定光标处，分别对应快捷键F5、F10/F11和CTRL+F10。各个快捷键功能如下：
快捷键 说明
F5 继续运行
F10 单步，如果涉及到子函数，不进入子函数内部
F11 单步，如果涉及到子函数，进入子函数内部
CTRL+F10 运行到当前光标处。\