这是我参与「第五届青训营 」笔记创作活动的第13天
本篇来了解什么是web调试技术。
首先我们来了解一下bug的起源：对于每位开发者而言，bug已经是不能再寻常的东西，debug也是家常便饭的事情。然而寻根溯源起来，还得从上个世纪五十年代讲起。1947年9月9日，哈佛大学在测试马克II型艾肯中继器计算机的时候，一只飞蛾粘在一个继电器上，导致计算机无法正常工作，操作员把飞蛾移除之后，计算机又恢复了正常运转。于是他们将这只飞蛾贴在了他们当时记录的日志上，并在日志最后写了这样一句话：First actual case of bug being found。这是他们发现的第一个真正意义上的 bug，这也是人类计算机软件历史上发现的第一个 bug。他们也提出了一个词，“debug（调试）”了机器，由此引出了计算机调试技术的发展。
普通浏览器调试方法：打开浏览器调试框，检查界面其中，Elements为元素检查框，关于文档内容、样式等都可以在进行调试。Console控制台常用来显示程序中的打印内容，是最常用的调试方法，也可以直接在此处写js进行程序操作；另外一个用处是，我们常打开一个控制台快捷进行一些代码验证、演示等。Network对网络请求进行调试，所有要通过网络请求的内容都会在此显示，包括js、css文件，图片，http/https请求等，可以查看到请求最终发送的头部参数、地址和返回内容。Application 常用查看cookie信息、本地存储信息以及对iframe的调试。
移动端调试：打开 Android 手机的调试功能，打开 设置 - 系统和更新 - 开发人员选项，打开开发人员选项，再打开 USB 调试将，Android 手机通过数据线连接到 USB 上，这时候手机会提示 USB 连接方式，选择传输文件，打开电脑上的 chrome 浏览器，在地址栏中输入 chrome://inspect，可以在面板上看到连接的手机设备，选择要调试的页面，点击 inspect 按钮，将会打开浏览器调试控制台，然后再进行调试。
