今天是持续写作的第 <font color="red">26</font> / 100 天。
如果你有想要交流的想法、技术，欢迎在评论区留言。
本篇博客主要学习 Selenium 中如何利用 JavaScript 与 JQuery 操作页面元素，以及常见的鼠标键盘事件，Cookie 操作。
<center><font color=red>缓解一下视疲劳</font></center>
@[toc]
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 操作不止用在自动化测试中，在爬虫程序的编写中也非常重要。
如果你想跟博主建立亲密关系，可以关注同名公众号 <font color="red">梦想橡皮擦</font>，近距离接触一个逗趣的互联网高级网虫。
博主 ID：梦想橡皮擦，希望大家<font color="red">点赞</font>、<font color="red">评论</font>、<font color="red">收藏</font>。
