《Chrome外部填表详解》Chrome远程调试学习之路(1)，序。

黑猫よ__ · 发表于 2017-6-19 11:31:59

本帖最后由黑猫よ__ 于 2017-6-19 11:57 编辑

   一.前言
      由于业务的需要 , 最近开始了对chrome 远程调试协yi(remote debugging protocol)的研究; 这是一套用以提供给第三方开发者使用的网页调试接口集,基于这套协yi可以非常方便的定制自己的自动化测试方案; 介于此分享我的学习与开发心得,帮助大家了解这套协yi,以及如何使用这套协yi进行Chrome填表程序的开发。

   学习所用到的工具和开源库:
                                       Microsoft Visual Studio 2017
                                       Microsoft C++ REST SDK(casablanca)
                                       Google Chromium 58.0.3029.110

   二.Remote Debugging Protocol 简介
   Chrome Developer Tools是用HTML，Javascript，CSS编写的chrome开发者工具，然而 Remote debugging protocol 就是它用来与浏览器页面(pages)交互和调试的协yi通道。采用websocket来与页面建立通信通道，由发送给页面的commands和它所产生的events组成。chrome的开发者工具是这个协yi主要的使用者，第三方开发者也可以调用这个协yi来与页面交互调试。
   协yi手册: https://chromedevtools.github.io/devtools-protocol/1-2

   三.目录(仅作参考)
   1. Chrome 标签栏(Tabs),获取标签列表,新建标签,关闭标签,激活标签。
   2. Chrome 页(Pages),获取页面内容,框架列表,导航,搜索页面资源,页面截图,以及相关事件等。
   3. Chrome 运行时(Runtime),计算表达式,调用函数,获取对象属性,编译以及执行JS脚本以及相关事件等。
   3. Chrome 仿真设备(Emulation),开启Chrome仿真模式(模拟手机),触控,页面缩放,地理位置等。
   4. Chrome 网络(NetWork),动态更换User-Agent,设置附加HTTP头,监听指定资源,获取以及设置Cookies等。
   5. 待添加。。。。

    四.笔记
   待更新....

   闲聊群: 294494264

注: 笔记将以图文和录制视频的形式进行制作,计划每周四更新,感谢支持。