揭秘Selenium中的W3C WebDriver通讯协议
Posted 51Testing软件测试网
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了揭秘Selenium中的W3C WebDriver通讯协议相关的知识，希望对你有一定的参考价值。
出品|51Testing软件测试网
我们在学习Selenium的时候，经常会看到一个叫做JSON Wire Protocol的协议。到底什么JSON Wire Protocol呢？
它定义了与browser driver通信的协议规范，带有RESTFUL风格，JSON+HTTP。
在最新的Selenium中这个协议已经被弃用，取而代之的是W3C WebDriver协议。
2018年6月5日，W3C浏览器测试和工具工作组（Browser Testing and Tools Working Group）发布WebDriver正式推荐标准（W3C Recommendation）。
不过后者是从前者衍生出来的，是对它的完善与扩展，协议的内容是非常的相似的。
JSON wire protocol的协议细节可以浏览如下网站：
https://github.com/seleniumhq/selenium/wiki/jsonwireprotocol
W3C Webdriver的协议细节可以浏览如下网站：
https://w3c.github.io/webdriver/
在上面Selenium的架构图中，我们可以看到JSON Wire Protocol的右侧分别是browser driver和real browser。那么是不是说我们可以不用Selenium而直接去操作browser driver从而操作真实的浏览器呢。
测试环境还是比较简单的，这里我们选择edge作为被测浏览器，在测试机上我们需要安装：POSTMAN，Edge web driver还有edge浏览器。
从官网下载下载edge web driver （https://developer.microsoft.com/en-us/microsoft-edge/tools/webdriver/）
注意这里需要下载和edge浏览器版本一致的web driver。
下载完成后，双击运行msedgedriver.exe运行。可以看到MSEdgeDriver打开了端口9515。
如果用浏览器访问这个端口会得到如下反馈，unknown command。这是因为浏览器向Edge Browser Driver发送的HTTP请求格式不对。
那么Edge Browser Driver需要什么格式的请求呢？其实这些请求都是有标准的，下面进一步介绍：W3C WebDriver标准。
我们可以想一下，在进行前端测试的时候，需要打开浏览器，用户登录，捕捉元素，模拟动作，截屏，最后关闭浏览器。那么这个W3C WebDriver协议规范中也要覆盖这些常用的接口。
在官方文档中这些接口大概分成如下部分：Capabilities、Sessions、Timeouts、Navigation、Contexts、Elements、Document、Cookies、Actions、User prompts、Screen capture。
想要了解更多的规范细节，可以访问官方网站：https://www.w3.org/TR/webdriver1/
这里从白皮书中摘要出部分命令。
下面，我们就用Postman做一个简单的测试：通过Postman让Edge webdriver打开百度网页。
首先，我们让Edge webdriver打开一个edge浏览器。Webdriver可以并行打开若干个浏览器，因此需要用会话的方式来管理每个浏览器，用sessionID来区分不同的浏览器。查询白皮书中提供的方法列表可知，创建session需要用post方法加上session URI即可。
那么POST请求中的body格式是什么呢，再从白皮书中查询数据格式：
{"capabilities":?{"firstMatch":?[{}],"alwaysMatch":?{"browserName":?"MicrosoftEdge","platformName":?"windows"}}}
综合起来，我们发送的格式如下：
发送后得到200 OK，并且一个edge浏览器被打开。从响应中我们可以找到seesionID。
然后，我们再让浏览器打开百度，如法炮制，查询白皮书，这里需要用的命令格式post+/session/{session id}/url.，json数据格式为：{"url": "https://example.com"} 。
编辑好请求后，顺利的将百度通过Postman打开。
我们用Postman可以成功的操作浏览器了，那么Selenium是否也是这样工作的呢，我们进一步测试。
第一步，我们打开Wireshark，因为测试的数据发送与接收方都在本机，所以选择loopback网卡。
第二步，打开python运行如下代码：
可以看到百度网页被成功打开。
第三步，从Wireshark抓的包中过滤出webdriver的相关报文。这里先找到webdriver所使用的端口。在任务管理器中找到msedgedriver.exe的PID为‘8704’。
通过netstat -ano | find “8704”得到如下结果，可以看出webdriver使用的端口为4796。
所以，我们在Wireshark中添加的过滤条件为：tcp.port == 4796 and http，得到如下数据包。
很明显第一组为创建session，第二组为打开URL。之前使用postman发送的命令和这两组命令是一模一样的。感兴趣的话可以看看这一组请求的发送端口来自哪个程序？是不是python.exe。
之前看Selenium的框架不是很清楚，也不太明白它是如何与不同的浏览器进行通信的。
在做了这些测试以后，渐渐明白：只要各个浏览器厂家提供的browser driver遵循W3C发布的标准通讯协议，Selenium作为client与之通讯即可。
在开发语言上，Selenium client自然可以用任何语言实现，最初使用Java、C#、python等等，到现在的javascript。
最后再看一下这张架构图就觉得非常的明白了。
点击阅读☞
点击阅读☞
点击阅读☞
点击阅读☞
点击阅读☞
以上是关于揭秘Selenium中的W3C WebDriver通讯协议的主要内容，如果未能解决你的问题，请参考以下文章
Chrome如何设定webdriver=undefined以避免Selenium检测？
Selenium 中的 WebDriver 和 WebElement 有啥区别？
通过 Selenium 中的 webdriver 传递用户代理