Selenium实战（三）——滑动解锁+窗口截图

一、简单滑块的实例

当单机滑块时，改变的只是CSS样式，HTML代码如下：

 <div class="slide-to-unlock-progress" style="background-color: rgb(255, 233, 127); height: 36px;"></div>
 <div class="slide-to-unlock-handle" style="background-color: rgb(255, 255, 255); height: 38px; line-height: 38px; width: 37px;"></div>

　　slide-to-unlock-handle表示滑块。在滑动过程中，滑块的左边距逐渐变大；slide-to-unlock-progress表示滑过之后的背景色，背景色的区域会逐渐增加。

 from selenium import webdriver
 from time import sleep

 from selenium.common.exceptions import UnexpectedAlertPresentException
 from selenium.webdriver import ActionChains

 driver = webdriver.Chrome()
 driver.maximize_window()

 driver.get("https://www.helloweba.net/demo/2017/unlock/")

 # 定位滑块
 slider = driver.find_elements_by_class_name("slide-to-unlock-handle")[2]
 action = ActionChains(driver)
 action.click_and_hold(slider).perform()

 for index in range(200):
     try:
         action.move_by_offset(5, 0).perform()
     except UnexpectedAlertPresentException:
         break
     action.reset_actions()
     sleep(0.1)      # 等待停顿时间

 # 打印警告框提示
 success_text = driver.switch_to.alert.text

方法解读：

• click_and_hold():单击并按下鼠标左键；
• move_by_offset():移动鼠标，第一个参数为x坐标距离，第二个参数为y坐标距离；
• reset_action():重置action.

 # 获取滑块元素
 sour = driver.find_element_by_id("***")

 # 获取滑块的滚动区域元素
 ele = driver.find_element_by_name("***")

 # 拖动滑块
 ActionChains(driver).drag_and_drop_by_offset(sour,ele.size['width'],-sour.size['height']).perform()

二、上下滑动选择日期

from selenium import webdriver
from time import sleep

driver = webdriver.Firefox()
driver.maximize_window()
driver.get("http://www.jq22.com/yanshi4976")
sleep(2)
driver.switch_to.frame("iframe")
driver.find_element_by_id("appDate").click()

# 定位要滑动的年、月、日
dwwos = driver.find_elements_by_class_name("dwwo")
year = dwwos[0]
month = dwwos[1]
day = dwwos[2]

action = webdriver.TouchActions(driver)
action.scroll_from_element(year, 0, 5).perform()
action.scroll_from_element(month, 0, 30).perform()
action.scroll_from_element(day, 0, 30).perform()

这里使用TouchActions类中的scroll_from_element()方法滑动元素。参数如下：

• on_element:滑动的元素
• xoffset:x坐标距离
• yoffset:y坐标距离

有遗留的问题没解决：

找了试了各种方法（更新浏览器，重新选择chromedriver都无果，枯了），终于终于可算是有了解决办法了，参考网址：https://stackoverflow.com/questions/56111529/cannot-call-non-w3c-standard-command-while-in-w3c-mode-seleniumwebdrivererr，加了一段代码，如下：

 from selenium import webdriver
 from time import sleep
 opt = webdriver.ChromeOptions()
 opt.add_experimental_option('w3c', False)
 driver = webdriver.Chrome(chrome_options=opt)
 driver.maximize_window()
 driver.get("http://www.jq22.com/yanshi4976")
 sleep(2)
 driver.switch_to.frame("iframe")
 driver.find_element_by_id("appDate").click()

 # 定位要滑动的年、月、日
 dwwos = driver.find_elements_by_class_name("dwwo")
 year = dwwos[0]
 month = dwwos[1]
 day = dwwos[2]

 action = webdriver.TouchActions(driver)
 action.scroll_from_element(year, 0, 5).perform()
 action.scroll_from_element(month, 0, 30).perform()
 action.scroll_from_element(day, 0, 30).perform()

 driver.find_element_by_xpath("/html/body/div[3]/div/div[2]/div[2]/div[3]/span[1]").click()

简单理解了一下，大致是不符合w3c的标准，加一行禁用的代码就可以了~愚人笨解哈哈哈哈哈，来放个结果图：

三、窗口截图

　　WebDriver提供了截图函数save_screenshut(),可用来截取当前窗口。WebDriver建议使用png作为图片的后缀名。脚本运行完成后，会在当前files/目录中生成baidu_img.png图片。

 from selenium import webdriver
 driver = webdriver.Chrome()
 driver.get("http://www.baidu.com")

 # 截取当前窗口，指定截图图片的保存位置
 driver.save_screenshot("./files/baidu_img.png")

2.截取部分图片

　　这里要安装一个pillow库：pip install pillow

 def get_pictures(self):
     self.driver.get('http://10.98.0.224:5201/V4/index.html#/login')  # 打开登陆页面
     self.driver.save_screenshot('pictures.png')  # 全屏截图
     page_snap_obj = Image.open('pictures.png')
     img = self.driver.find_element_by_xpath("/html/body/div/div/div/div[3]/div/div[1]/ul/li[4]/img")  # 验证码元素位置
     time.sleep(1)
     location = img.location
     size = img.size  # 获取验证码的大小参数
     left = location['x']
     top = location['y']
     right = left + size['width']
     bottom = top + size['height']
     image_obj = page_snap_obj.crop((left, top, right, bottom))  # 按照验证码的长宽，切割验证码
     # image_obj.show()  # 打开切割后的完整验证码
     self.driver.close()  # 处理完验证码后关闭浏览器
     return image_obj