Remote Debugging 远程调试那些事儿

最新推荐文章于 2024-10-14 22:25:42 发布

aio69762

最新推荐文章于 2024-10-14 22:25:42 发布

阅读量1.7k

点赞数

原文链接：http://www.cnblogs.com/rsail/archive/2012/09/06/2674374.html

版权

本文介绍了Remote Debugging协议，该协议已提交给WebKit，使得基于WebKit的浏览器能进行远程调试。Chrome提供了两种远程调试方案：一是通过指定端口启动Chrome，然后利用HTTP发送JSON信息进行调试；二是通过Chrome的debugger API创建浏览器扩展。远程调试协议涵盖了Console、CSS、Debugger等多个方面，允许监视网络活动、设置断点等。WebSocket和HTTP协议在远程调试中各有优缺点，适用于不同场景。

摘要由CSDN通过智能技术生成

大本营在此：https://developers.google.com/chrome-developer-tools/docs/remote-debugging、

关键信息1：谷歌把remote debugging做成协议提交到webkit了，所以基于webkit的浏览器都可以用了，而且用法基本一样。

关键信息2：Google Dev Tools都是HTML，JS和CSS写的，也可以用来做remote debugging，这说明，Inspector里面所有的功能都可以基于remote debugging的协议来完成，我们看到的精巧的Inspector，其实不是本地代码写的，而是一个web页面，神奇吧。

Remote Debugging的协议内容大致如下：

1, Console – 定义了和JavaScript的console交互的方法和事件。 (defines methods and events for interaction with the JavaScript console.)
2, CSS – 暴露了CSS底层的读写操作。(exposes low level CSS read / write operations.)
3, Debugger – 暴露了JavaScript调试函数；允许设置和移除断点，单步执行，查看栈轨迹。(exposes JavaScript debugging functions; allows setting and removing breakpoints