大本营在此: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