Selenium的实现原理，一篇文章讲透彻！

àì夳堔傛蜴生んèń 2022-11-05 12:51 237阅读 0赞

## Selenium的实现原理 ##

对于Selenium而言，V1.0和V2.0版本的技术方案是截然不同的，V1.0 的核心是Selenium RC，而V2.0 的和核心是WebDriver，可以说完全是两个东西。

## Selenium 1.0的工作原理 ##

Selenium 1.0又称Selenium RC，其中RC是Remote Control的缩写。Selenium RC利用的原理是：JavaScript代码可以很方便地获取页面上的renew元素并执行各种操作。  
但因为“同源政策”，所以要想在测试用例运行中的浏览器中，注入JavaScript代码从而实现自动化的Web操作，Selenium RC就必须“欺骗”被测站点，让它误以为被注入的代码是同源的。  
如何实现欺骗呢？这就是引入Selenium RC Server的根本原因，其中的Http Proxy模块就是用来“欺骗”浏览器的。Selenium RC的基本模块如下：![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNDM0MzE4_size_16_color_FFFFFF_t_70]  
Selenium RC Server，主要包括Selenium Core，Http Proxy和Launcher三部分：

• Selenium Core，是被注入到浏览器页面的JavaScript函数集合，用来实现界面元素的识别和操作；  
• Http Proxy，作为代理服务器修改JavaScript的源，以达到“欺骗”被测站点的目的；  
• Launcher，用来启动浏览器完成Selenium Core的注入和浏览器代码的设置。

Selenium RC的执行流程如下图：

如果对软件测试有兴趣，想了解更多的测试知识，解决测试问题,以及入门指导，帮你解决测试中遇到的困惑，我们这里有技术高手。如果你正在找工作或者刚刚学校出来，又或者已经工作但是经常觉得难点很多，觉得自己测试方面学的不够精想要继续学习的，想转行怕学不会的， 都可以加入我们![在这里插入图片描述][2021071322341326.png_pic_center]  
，群内可领取最新软件测试大厂面试资料和Python自动化、接口、框架搭建学习资料！  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNDM0MzE4_size_16_color_FFFFFF_t_70 1]

1.  测试用例通过基于不同语言的Client Libraries向Selenium RC Server发送Http请求，要求与其建立连接。
2.  连接建立后，Selenium RC Server的Launcher就会启动浏览器或者重用之前已经打开的浏览器，把Selenium Core（Javascript函数的集合）加载到浏览器页面当中，并同时把浏览器的代理设置为Http Proxy。
3.  测试用例通过Client Libraries向Selenium RC Server发送Http请求，Selenium RC Server解析请求，然后通过Http Proxy发送JavaScript命令通知Selenium Core执行浏览器上控件的具体操作。
4.  Selenium Core接收到指令后，执行操作。
5.  如果浏览器收到新的页面请求信息，则会发送Http请求来请求新的Web页面。由于Launcher在启动浏览器时把Http Proxy设置成为了浏览器的代码，所以Selenium RC Server会接收到所有由它启动的浏览器发送的请求。
6.  Selenium RC Server接收到浏览器发送的Http请求后，重组Http请求以规避“同源策略”，然后获取对应的Web页面。
7.  Http Proxy把接收的Web页面返回给浏览器，浏览器对接收的页面进行渲染。  
    Client Libraries，是测试用例代码向Selenium RC Server发送Http请求的接口，支持多种语言，包括Java、C\#和Ruby等。

## Selenium 2.0的工作原理 ##

Selenium 2.0又称Selenium WebDriver，它利用的原理是：使用浏览器原生的WebDriver实现页面操作。它的实现方式完全不同于Selenium 1.0。  
Selenium WebDriver是典型的Server-Client模式，Server端就是Remote Server。Selenium WebDriver执行流程如下图所示：![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNDM0MzE4_size_16_color_FFFFFF_t_70 2]  
如果对软件测试有兴趣，想了解更多的测试知识，解决测试问题,以及入门指导，帮你解决测试中遇到的困惑，我们这里有技术高手。如果你正在找工作或者刚刚学校出来，又或者已经工作但是经常觉得难点很多，觉得自己测试方面学的不够精想要继续学习的，想转行怕学不会的， 都可以加入我们![在这里插入图片描述][20210713223434650.png_pic_center]  
，群内可领取最新软件测试大厂面试资料和Python自动化、接口、框架搭建学习资料！

1.  当使用Selenium 2.0启动浏览器Web Brower时，后台会同时启动基于WebDriver协议的Web Service作为Selenium的Remote Server，并将其与浏览器绑定。绑定完成后，Remote Server就开始监听Client端的操作请求。
2.  执行测试时，测试用例会作为Client端，将需要执行的页面操作请求以Http Request的方式发送给Remote Server。该Http Request的body，是以WebDriver Write协议规定的JSON格式来描述需要浏览器执行的具体操作。
3.  Remote Server接收请求后，会对请求进行解析，并将解析结果发送给WebDriver，由WebDriver实际执行浏览器的操作。
4.  WebDriver可以看做是直接操作浏览器的原生组件（Native Component），所以搭建测试环境时，通常都需要先下载浏览器对应的We

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNDM0MzE4_size_16_color_FFFFFF_t_70]: /images/20221023/4c15cf25091442af9508decc3eb25b63.png
[2021071322341326.png_pic_center]: /images/20221023/775e429629e644eb8ff639dc64b7a955.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNDM0MzE4_size_16_color_FFFFFF_t_70 1]: /images/20221023/472f86dd1e2a4693927aca323f9c0845.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNDM0MzE4_size_16_color_FFFFFF_t_70 2]: /images/20221023/1e8670d3d32b45549e293deaa7c6c531.png
[20210713223434650.png_pic_center]: /images/20221023/6951696a590140e5aad2ce89f387c5d5.png