Selenium 利用 JS/JQ 操作元素、鼠标键盘事件、Cookie 操作

举报
梦想橡皮擦 发表于 2021/08/15 20:52:33 2021/08/15
【摘要】 如果你有想要交流的想法、技术,欢迎在评论区留言。本篇博客主要学习 Selenium 中如何利用 JavaScript 与 JQuery 操作页面元素,以及常见的鼠标键盘事件,Cookie 操作。 Selenium 利用 Javascript 操作元素在 Selenium 中通过 Webdriver 有时候无法操作浏览器上的某些控件,例如右侧的滚动条,此时就需要借助 JS 间接实现了,这里提供...

如果你有想要交流的想法、技术,欢迎在评论区留言。

本篇博客主要学习 Selenium 中如何利用 JavaScript 与 JQuery 操作页面元素,以及常见的鼠标键盘事件,Cookie 操作。

Selenium 利用 Javascript 操作元素

在 Selenium 中通过 Webdriver 有时候无法操作浏览器上的某些控件,例如右侧的滚动条,此时就需要借助 JS 间接实现了,这里提供两个方法,一个是 execute_script,另一个是 execute_async_script,它们两个的区别如下:

  • execute_script 同步执行,执行时间短;
  • execute_async_script 异步执行,执行时间长。

好像区别也不是很明显,核心就是同步于异步的区别。

依旧是以百度图片为例,打开百度图片网站之后,通过 Selenium 在开发者工具的 Console 选项卡中输入一段内容。

from selenium import webdriver
# from selenium.webdriver.support.select import Select

driver = webdriver.Firefox()
# 浏览器最大化
driver.maximize_window()
# 打开百度图片
driver.get('https://image.baidu.com/')
js = "console.log('我是橡皮擦,爬虫百例的作者')"
driver.execute_script(js)

运行代码成功输出下述信息。

接下来完成通过 JS 操作滚动条。

from selenium import webdriver
# from selenium.webdriver.support.select import Select

driver = webdriver.Firefox()
# 浏览器最大化
driver.maximize_window()
# 打开百度图片
driver.get('https://image.baidu.com/search/index?tn=baiduimage&ipn=r&ct=201326592&cl=2&lm=-1&st=-1&fr=&sf=1&fmq=1462357247335_R&pv=&ic=0&nc=1&z=&se=1&showtab=0&fb=0&width=&height=&face=0&istype=2&ie=utf-8&word=%E9%AB%98%E6%B8%85%E5%8A%A8%E6%BC%AB')
js = "window.scrollTo(0,300)"
driver.execute_script(js)

此时代码核心其实在检验你 JS 代码学习的能力,如果你 JS 学的还不错,那这部分就非常容易掌握了。

jQuery 操作网页元素

jQuery 是 JS 的一个类库,对于学过前端的同学来说,应该非常熟悉了,该内容不再赘述,如果 JS 或者 JQ 还没有掌握,建议本部分跳过吧。

鼠标事件

自动化测试中,经常要通过代码去控制鼠标。除了之前学习的 click 操作,常用的还有下述内容。

  • context_click() 鼠标右键操作
  • double_click 双击
  • drag_and_drop 拖拽
  • move_to_element 悬停操作

实现一个鼠标右键操作案例。

from selenium import webdriver
from selenium.webdriver import ActionChains

driver = webdriver.Firefox()
# 浏览器最大化
driver.maximize_window()
# 打开百度图片
driver.get('https://image.baidu.com/')

element = driver.find_element_by_id("kw")
ActionChains(driver).context_click(element).perform()

运行效果如下图所示。

注意如果在代码中 ActionChains 对象实例化的时候,参数传递错误,会出现下面的 BUG 提示。

AttributeError: ‘FirefoxWebElement’ object has no attribute ‘w3c’

上述 BUG 出现的原因是代码写成了下面这样,注意 ** 里面的内容。

element = driver.find_element_by_id("kw")
ActionChains(**element**).context_click(element).perform()

向程序中发送键盘按键

该内容主要是让程序模拟出键盘按键的效果。

  • Keys.BACK_SPACE
  • Keys.SPACE
  • Keys.TAB
  • Keys.ESCAPE
  • Keys.ENTER
  • Keys.CONTROL,“a”:组合键 Ctrl+A
  • Keys.F1
  • Keys.F2

编写代码的时候,只需要通过 send_keys 方法发送按键即可。

Cookie 操作

自动化测试用,对于网站的 Cookie 操作也非常普遍,在 Selenium 中提供了对 Cookie 的增删改查方法,具体如下。

  • add_cookie(cookie_dict) 添加 cookie,参数是字典类型
  • delete_all_cookies() 删除所有 cookie
  • delete_cookie(cookie_name) 删除名字为 cookie_name 的 Cookie
  • get_cookie(cookie_name) 返回名字为 cookie_name 的 Cookie
  • get_cookies() 获取所有 Cookie

打开 CSDN,模拟登录前后查看一下 Cookie 的差异。

from selenium import webdriver

import time
driver = webdriver.Firefox()
# 浏览器最大化
driver.maximize_window()
# 打开 CSDN
driver.get('https://www.csdn.net')

# 输出登录前的 Cookie
for cookie in driver.get_cookies():
    print(cookie)

# 等待 20 秒,输入密码
time.sleep(20)
# 输出登录前的 Cookie
print("输出登录后的Cookie")

for cookie in driver.get_cookies():
    print(cookie)

先不核对 Cookie 的内容,只比较数量,就发现了明显的差异。左侧是登录前,右侧是登录后。

使用该办法可以将 Cookie 存储在本地,后续使用本地的 Cookie 进行用户模拟。

写在后面

本篇博客主要介绍了 Selenium 如果执行 JS 代码,以及补充了鼠标键盘事件,其中对于设置键盘按键属于自我练习部分内容,建议自己尝一下,Cookie 操作不止用在自动化测试中,在爬虫程序的编写中也非常重要。


博主 ID:梦想橡皮擦,希望大家点赞评论收藏

【版权声明】本文为华为云社区用户原创内容,未经允许不得转载,如需转载请自行联系原作者进行授权。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。