这是我参与「第五届青训营 」伴学笔记创作活动的第 10 天

一、调试技术的起源

对于每位开发者而言，bug已经是不能再寻常的东西，debug也是家常便饭的事情。然而寻根溯源起来，还得从上个世纪五十年代讲起。

1947年9月9日，哈佛大学在测试马克II型艾肯中继器计算机的时候，一只飞蛾粘在一个继电器上，导致计算机无法正常工作，操作员把飞蛾移除之后，计算机又恢复了正常运转。于是他们将这只飞蛾贴在了他们当时记录的日志上，并在日志最后写了这样一句话：First actual case of bug being found。这是他们发现的第一个真正意义上的 bug，这也是人类计算机软件历史上发现的第一个 bug。他们也提出了一个词，“debug（调试）”了机器，由此引出了计算机调试技术的发展。

二、Chrome 开发者工具

对于web前端而言，我们每天都在使用开发调试工具进行查看dom结构、js断点和查看分析登录请求等操作，最熟悉的开发调试工具 应该莫过于Chrome的Devtools和Firefox的FireBug了。

Chrome 开发者工具其实是一个用 HTML，JavaScript 和 CSS 写的 Web 应用程序，被集成在浏览器中。其基于远程调试协议，与浏览器架构关系如下：

• 远程调试协议基于 WebSocket，利用 WebSocket 建立连接 DevTools 和浏览器内核的快速数据通道
• 浏览器拥有多个 Tab，并为每个 Tab 单独提供 Websocket 的 Endpoint URI
• 每个 DevTool 实例只能检视一个 Tab，即只能与一个 Tab 保持通讯

事实上，Chrome开发者工具不仅只是可以在当前的浏览器页面直接打开，它作为一个客户端（开源），也可以用来调试任何支持远程调试协议的浏览器。

三、远程调试协议（remote debugging protocol）

远程调试协议Webkit 在 2012 年就已经引入，目前所有 Webkit 内核的浏览器都支持这一特性。远程调试协议基于 WebSocket，利用 WebSocket 建立连接 客户端（如DevTools） 和浏览器内核的快速数据通道，Chrome的Devtools仅仅只是Webkit远程调试协议的一个应用案例。

。。。。。。