从Python角度解析Selenium原理

你的名字 2023-10-16 10:36 98阅读 0赞

![c60d6875e3e140c9a9cd62651f50ab06.png][]

**Selenium工作流程**

![图片][fbb9c4f33612851d6306621336ad29d3.png]

**Selenium工作原理**

客户端和服务端之间实际是通过http协议进行通信，服务端的接口文档可参考：https://github.com/SeleniumHQ/selenium/wiki/JsonWireProtocol\#sessionsessionidelement

客户端按照服务端接口要求传入请求方式、请求url和请求数据，然后发送http请求，服务端收到请求后驱动浏览器执行命令。

Selenium实际已封装好各种操作接口的请求函数，用户只需通过指定的方法传入数据即可。

如get、click、find\_element实际都是封装了整个http请求过程的方法。

即测试人员仅需根据功能需求调用对应的方法并传参即可，最终由Selenium组装请求信息后发送请求。

可见，完全可以跳过Selenium，自己通过requests模块构建请求信息发送给驱动程序，从而驱动浏览器执行相关操作。

**从源码角度剖析Selenium原理**

**说明**

以下例子，以Python、Chrome驱动程序、Chrome浏览器展开说明。

**通过Selenium实现工作流**

# 启动chrome浏览器
     driver = webdriver.Chrome()
     # 访问百度网站
     driver.get("http://www.baidu.com")
     # 查找输入框元素
     ele = driver.find_element_by_id("kw")
     # 在输入框中输入“selenium”
     ele.send_keys("selenium")
     # 查找百度一下按钮
     ele = driver.find_element_by_id("su")
     # 点击百度一下按钮
     ele.click()

**Selenium源码解析**

**① driver = webdriver.Chrome()**

启动chromedriver驱动程序，启动后可通过http://ip:port访问驱动程序。

![图片][cea9e5ced0d896ef44fe91ab399b12ae.png]

通过execute方法，构建“创建新会话”接口的请求信息，并发送http请求，返回会话id。

请求方式：POST

请求地址：http://localhost:post/session

请求数据：

data = {"desiredCapabilities":{
    　　　　　　　　　　"browserName": "chrome",
    　　　　　　　　　　"version":"85.0.4183.83",
    　　　　　　　　　　"platform":"WINDOWS"}
    　　　　　　　　}

![图片][f35067200e8af332972b5d5f0db571ac.png]

![图片][3cba6ed854a4af31da8b893fa414a2f9.png]

![图片][96ed8b1b613d08db69c1152b2e7f9523.png]

**② driver.get("http://www.baidu.com")**

通过execute方法，按get命令的接口信息构建http请求信息，并发送http请求。

请求方式：POST

请求地址：http://localhost:post/session/$sessionId/url（sessionId为会话id，从①中获取）

请求数据：

{"url": "http://www.baidu.com"}

![图片][5fb399c5ceb2f9b40dda7a4f547472e8.png]

![图片][613a18acf17978330f00705abba00094.png]

**③ driver.find\_element\_by\_id("kw")**

通过execute方法，按find\_element\_by\_id命令的接口信息构建http请求信息，并发送http请求。

请求方式：POST

请求地址：http://localhost:post/session/$sessionId/element（sessionId为会话id，从①中获取）

请求数据：

{"using":"id","value":"kw"}

![图片][833be266b428ea0f9d2a360cea672587.png]

![图片][938253e9e92dfd7644a82aa206340023.png]

![图片][e18909d48c81bf9d15bd23fffd015086.png]

**④ ele.send\_keys("selenium")**

通过execute方法，按send\_keys命令的接口信息构建http请求信息，并发送http请求。

请求方式：POST

请求地址：http://localhost:post/session/$sessionId/element/$id/value（sessionId为会话id，从①中获取，id为元素id，从③获取）

请求数据：

{"value": ["selenium"]}

![图片][be05356aec582faf7a50ba96d2fe9497.png]

![图片][e097f37dc4fc027e5e55af2d4f1fdf3c.png]

![图片][29ecbe8caaec6ceb006f09ac638fce75.png]

**⑤ ele.click()**

通过execute方法，按click命令的接口信息构建http请求信息，并发送http请求。

请求方式：POST

请求地址：http://localhost:post/session/$sessionId/element/$id/click（sessionId为会话id，从①中获取，id为元素id，从③获取）

请求数据：无

![图片][044031420177ee2f8c5e1c8977e88af8.png]

![图片][11a3d23671e6d6b0f53b6d8c6fb48e4e.png]

![图片][8b951e8910c872124569d398dbed27fe.png]

**通过requests模块实操验证**

**代码实现**

# TODO 访问域名
      base_url = "http://localhost:9515"
     
      # TODO 创建会话
      url = base_url + "/session"
      data = {
              "desiredCapabilities":{
                      "browserName": "chrome",
                      "version":"85.0.4183.83",
                     "platform":"WINDOWS"
             }
     }
     res = request("POST",url,json=data)
     session_id = res.json()["sessionId"]    # 返回会话id
    
     sleep(2)
    
     # TODO 发送get命令 - 访问某个网站
     url = base_url + "/session/{}/url".format(session_id)
     data = {
         "url": "http://www.baidu.com"
     }
    res = request("POST",url,json=data)
    
     # TODO 发送find_element命令 - 查找元素
    url = base_url + "/session/{}/element".format(session_id)
    data = {
        "using":"id",
        "value":"kw"
    }
    res = request("POST",url,json=data)
    ele = jsonpath(res.json(),"$..ELEMENT")[0]      # 返回元素id
    
     # TODO 发送send_keys命令 - 输入内容
     url = base_url + "/session/{}/element/{}/value".format(session_id,ele)
     data = {
         "value": ["selenium"]
     }
     res = request("POST",url,json=data)
    
    # TODO 发送find_element命令 - 查找元素
    url = base_url + "/session/{}/element".format(session_id)
     data = {
         "using":"id",
         "value":"su"
    }
    res = request("POST",url,json=data)
    ele = jsonpath(res.json(),"$..ELEMENT")[0]      # 返回元素id
    
    # TODO 发送click命令 - 元素点击
    url = base_url + "/session/{}/element/{}/click".format(session_id,ele)
    res = request("POST",url)

**运行结果**

![图片][47ffdd947eaed9cfb10f4119280a5e53.png]

**最后：**下方这份完整的软件测试视频教程已经整理上传完成，需要的朋友们可以自行领取**【保证100%免费】**

![8b0171187dce405e878f274a8cdd9ec0.png][]

#### **软件测试面试文档** ####

我们学习必然是为了找到高薪的工作，下面这些面试题是来自阿里、腾讯、字节等一线互联网大厂最新的面试资料，并且有字节大佬给出了权威的解答，刷完这一套面试资料相信大家都能找到满意的工作。

![a3e4226c935c4242804cbdf26b571bc6.png][]

![58df6cd288094ad8874e814f2477620b.gif][]

[c60d6875e3e140c9a9cd62651f50ab06.png]: https://img-blog.csdnimg.cn/c60d6875e3e140c9a9cd62651f50ab06.png
[fbb9c4f33612851d6306621336ad29d3.png]: https://img-blog.csdnimg.cn/img_convert/fbb9c4f33612851d6306621336ad29d3.png
[cea9e5ced0d896ef44fe91ab399b12ae.png]: https://img-blog.csdnimg.cn/img_convert/cea9e5ced0d896ef44fe91ab399b12ae.png
[f35067200e8af332972b5d5f0db571ac.png]: https://img-blog.csdnimg.cn/img_convert/f35067200e8af332972b5d5f0db571ac.png
[3cba6ed854a4af31da8b893fa414a2f9.png]: https://img-blog.csdnimg.cn/img_convert/3cba6ed854a4af31da8b893fa414a2f9.png
[96ed8b1b613d08db69c1152b2e7f9523.png]: https://img-blog.csdnimg.cn/img_convert/96ed8b1b613d08db69c1152b2e7f9523.png
[5fb399c5ceb2f9b40dda7a4f547472e8.png]: https://img-blog.csdnimg.cn/img_convert/5fb399c5ceb2f9b40dda7a4f547472e8.png
[613a18acf17978330f00705abba00094.png]: https://img-blog.csdnimg.cn/img_convert/613a18acf17978330f00705abba00094.png
[833be266b428ea0f9d2a360cea672587.png]: https://img-blog.csdnimg.cn/img_convert/833be266b428ea0f9d2a360cea672587.png
[938253e9e92dfd7644a82aa206340023.png]: https://img-blog.csdnimg.cn/img_convert/938253e9e92dfd7644a82aa206340023.png
[e18909d48c81bf9d15bd23fffd015086.png]: https://img-blog.csdnimg.cn/img_convert/e18909d48c81bf9d15bd23fffd015086.png
[be05356aec582faf7a50ba96d2fe9497.png]: https://img-blog.csdnimg.cn/img_convert/be05356aec582faf7a50ba96d2fe9497.png
[e097f37dc4fc027e5e55af2d4f1fdf3c.png]: https://img-blog.csdnimg.cn/img_convert/e097f37dc4fc027e5e55af2d4f1fdf3c.png
[29ecbe8caaec6ceb006f09ac638fce75.png]: https://img-blog.csdnimg.cn/img_convert/29ecbe8caaec6ceb006f09ac638fce75.png
[044031420177ee2f8c5e1c8977e88af8.png]: https://img-blog.csdnimg.cn/img_convert/044031420177ee2f8c5e1c8977e88af8.png
[11a3d23671e6d6b0f53b6d8c6fb48e4e.png]: https://img-blog.csdnimg.cn/img_convert/11a3d23671e6d6b0f53b6d8c6fb48e4e.png
[8b951e8910c872124569d398dbed27fe.png]: https://img-blog.csdnimg.cn/img_convert/8b951e8910c872124569d398dbed27fe.png
[47ffdd947eaed9cfb10f4119280a5e53.png]: https://img-blog.csdnimg.cn/img_convert/47ffdd947eaed9cfb10f4119280a5e53.png
[8b0171187dce405e878f274a8cdd9ec0.png]: https://img-blog.csdnimg.cn/8b0171187dce405e878f274a8cdd9ec0.png
[a3e4226c935c4242804cbdf26b571bc6.png]: https://img-blog.csdnimg.cn/a3e4226c935c4242804cbdf26b571bc6.png
[58df6cd288094ad8874e814f2477620b.gif]: https://img-blog.csdnimg.cn/58df6cd288094ad8874e814f2477620b.gif