Selenium

前言

在WebDriver中，关于鼠标相关操作的方法都封装在ActionChains类中。

来看看ActionChains类都提供了哪些鼠标操作的方法：

Method	Description
click(on_element=None)	鼠标左键单击
click_and_hold(on_element=None)	鼠标左键单击，但不松开
context_click(on_element=None)	鼠标右键单击
double_click(on_element=None)	鼠标左键双击
drag_and_drop(source, target)	鼠标左键单击不松开，移动到指定元素后松开（即拖拽 ）
drag_and_drop_by_offset(source, xoffset, yoffset)	鼠标左键单击不松开，移动到指定坐标后松开
move_by_offset(xoffset, yoffset)	鼠标移动到某个坐标
move_to_element(to_element)	鼠标移动到某个元素
move_to_element_with_offset(to_element, xoffset, yoffset)	鼠标移动到距离某个元素的某个距离
pause(seconds)	暂停输入
release(on_element=None)	在某个元素松开鼠标左键
send_keys(*keys_to_send)	在当前元素中输入值
send_keys_to_element(element, *keys_to_send)	给某个元素输入值
perform()	相应存储的动作
reset_actions()	清除所有已存储的动作

左键：click

之前已经在用鼠标左键单击了，那就是click。这里再来学习使用ActionChains类中调用click。

通过访问路飞学城的轻课页面，并点击播放。

import time
from selenium import webdriver
from selenium.webdriver.common.action_chains import ActionChains

# 获取webdriver实例
browser = webdriver.Chrome()
# 访问URL
browser.get('https://www.luffycity.com/home')
# 获取轻课标签并点击它
time.sleep(1)
span3 = browser.find_element_by_class_name('span3')  # 通过分析类名发现，span3只有一个
ActionChains(browser).move_to_element(span3).click().perform()
# 点击视频播放按钮
time.sleep(4)
button = browser.find_element_by_xpath('//*[@id="router-view"]/div/div[2]/button')
ActionChains(browser).move_to_element(button).click().perform()
# # 关闭浏览器
time.sleep(20)   # 可以适当调整该值
browser.quit()
# 截止2019-6-5，代码无误

效果如下：

右键：content_click

再来个鼠标右键的示例，这次打开的是多玩LOL天赋模拟器。

有以下几点需要注意：

• 如果反复打开这个网页，并且上一次有操作天赋模拟器，这一次会自动记录之前添加的点数。
• 第一次点击某个技能（巫术），第一次点击会加5点，然后右键一次减一点，这时你要左键想加回来就是加1点了。要注意第一次加5点的操作。

示例代码如下：

import time
from selenium import webdriver
from selenium.webdriver.common.action_chains import ActionChains
# 获取webdriver实例
browser = webdriver.Chrome()
# 访问URL
browser.get('http://lol.duowan.com/s/talent.html#duowan')
# 反复打开页面，有时候天赋点数会被记录，所以要先重置
time.sleep(2)
browser.find_element_by_xpath('//*[@id="reset-tallent"]').click()
# 获取巫术标签并点击它增加技能点
time.sleep(1)
wu = browser.find_element_by_xpath('//*[@id="calculator"]/div[2]/div[1]')  # 获取巫术标签的xpath
wu.click()  # 点击巫术增加技能点
# 右键减少技能点
time.sleep(2)
ActionChains(browser).move_to_element(wu).context_click().perform()
time.sleep(1)
ActionChains(browser).move_to_element(wu).context_click().perform()
# 鼠标左键在加回来
time.sleep(1)
wu.click()
# 点击重置天赋按钮
time.sleep(2)
reset = browser.find_element_by_xpath('//*[@id="reset-tallent"]')
ActionChains(browser).move_to_element(reset).click().perform()
# # 关闭浏览器
time.sleep(3)
browser.quit()
# 截止2019-6-5，代码无误

效果如下：

拖动：drag_and_drag

所谓的拖动，也就是鼠标左键点击标签不松开，直到拖动到指定标签后再松开。

来个玩个游戏。

示例代码如下：

import time
from selenium import webdriver
from selenium.webdriver.common.action_chains import ActionChains

# 获取webdriver实例
browser = webdriver.Chrome()
# 访问URL
browser.get('http://www.jq22.com/demo/pintu20151229/')

# 点击开始按钮，开始游戏
time.sleep(1)
start = browser.find_element_by_id('start')
ActionChains(browser).move_to_element(start).click().perform()

# 准备拖动，首先要找到开始和结束的两个标签
time.sleep(2)
img1 = browser.find_element_by_xpath('//*[@id="container"]/div[18]')  # 选中开始标签
img2 = browser.find_element_by_xpath('//*[@id="container"]/div[18]')  # 结束标签
ActionChains(browser).move_to_element(img1).drag_and_drop(img1, img2).perform()

# 关闭浏览器
time.sleep(3)
browser.quit()
# 截止2019-6-5，代码无误

效果如下：

滑动验证

# -*- coding: utf-8 -*-
# __author__ = "maple"

# import time
# from selenium import webdriver
# driver = webdriver.Chrome()
# driver.implicitly_wait(10)

import time
import random
import getpass
from PIL import Image  # 处理图片
from selenium import webdriver
from selenium.webdriver.common.action_chains import ActionChains
from selenium.webdriver.common.by import By
from selenium.webdriver.support.wait import WebDriverWait  # 等待页面加载某些元素
from selenium.webdriver.support import expected_conditions as EC



full_snap = 'full_snap.png'
portion_snap = 'portion_snap.png'


def get_img(xpath, img_path):
    """ 处理图片 """
    # 拿到带缺口的图片（整个网页），使用wait等照片加载完毕才能获取
    _canvas = wait.until(EC.presence_of_element_located((By.XPATH, xpath)))
    # 拍个快照，这个是整个网页的快照，没有这个快照，往下就无从谈起
    driver.save_screenshot(img_path)
    # 从带缺口的图片中获取像素点
    left = _canvas.location.get('x')
    top = _canvas.location.get('y')
    right = left + _canvas.size['width']
    bottom = top + _canvas.size['height']
    # 从网页快照中截取出我们想要的带缺口的照片
    img_file_obj = Image.open(img_path)
    # 从完整的图片中，截取带缺口的部分照片并保存
    img_file = img_file_obj.crop((left, top, right, bottom))  # 裁剪，别忘了是元组类型
    # img_file.show()  # 展示裁剪后的图片
    img_file.save(img_path)  # 保存裁剪后的图片
    return img_file


# def get_distance(portion_img, full_img):
#     """ 对比上一步中获取的两张图片，获取位移并返回 """
#     for x in range(60, full_img.size[0]):  # 循环x轴，理解为行
#         for y in range(20, full_img.size[1] - 20):  # 循环y轴，理解为列
#             # print(x, y)
#             rgb_portion = portion_img.getpixel((x, y))
#             rgb_full = full_img.getpixel((x, y))
#             if not (abs(rgb_portion[0] - rgb_full[0] < 60) and abs(rgb_portion[1] - rgb_full[1] < 60) and abs(
#                 rgb_portion[2] - rgb_full[2] < 60)):
#                 return x - 8  # 这个不一样的像素点，就是我们想要的,在尝试多次后，该像素点减7后准确率会提高


def get_distance(image1, image2):
    p1 = image1.load()
    p2 = image2.load()
    x = 60
    for i in range(x, image1.size[0]):
        for j in range(20, image1.size[1] - 20):
            print(i, j)
            dot1 = p1[i, j]
            dot2 = p2[i, j]
            r = abs(dot1[0] - dot2[0])
            g = abs(dot1[1] - dot2[1])
            b = abs(dot1[2] - dot2[2])
            if not (r < 60 and g < 60 and b < 60):
                return i - 7
                # return i
    return i  # 当返回这个i的时候，意味着破解失败了，因为没有找到合适的位移点


def get_tracks(distance):
    """ 根据distance值，模拟出一段段的滑动轨迹，位移公式: s=V0t+(at^2)/2 """
    track = []
    current = 0  # 当前速度 0
    mid = distance * 3 / 5  # 前3/5是匀加速运动，后2/5是匀减速
    # t = random.randint(1, 3) / 10  # 0.2 或者 0.3
    # t = 0.18456
    t = 0.3
    v = 0  # 初始速度
    while current < distance:
        if current < mid:  # 前半段，是匀加速
            a = random.randint(2, 3)
        else:
            a =  - random.randint(2, 3)
        v0 = v
        v = v0 + a * t
        move = v0 * t + 0.5 * a * (t ** 2)
        current += move
        track.append(round(move))  # 取整
    return track


def crack_luffy_signin(user, pwd):
    """ 破解路飞学城登录的极验验证 """

    try:
        # 第1步：访问URL
        driver.get('https://account.cnblogs.com/signin?returnUrl=http%3a%2f%2fi.cnblogs.com%2f')

        # 第2步，获取用户名和密码标签并输入相应的值
        time.sleep(1)
        driver.find_element_by_id('LoginName').send_keys(user)
        driver.find_element_by_id('Password').send_keys(pwd)
        driver.find_element_by_class_name('ladda-label').click()

        # 第4步，拿到缺口和完整图片，用于后续做对比
        # 4.1 获取缺口图片
        time.sleep(1)
        portion_img = get_img('/html/body/div[2]/div[2]/div[6]/div/div[1]/div[1]/div/a/div[1]/div/canvas[1]',
                              portion_snap)  # 传递缺口图片标签的xpath和图片名称

        # 4.2 获取完整的图片，但由于完整图片默认是隐藏的，我们无法截取，所以先让它显示出来
        # 4.2.1 通过js脚本将隐藏标签显示出来
        time.sleep(1)
        # 4.2.2 执行js脚本
        js = "document.getElementsByClassName('geetest_canvas_fullbg geetest_fade geetest_absolute')[0].style.display='block'"
        driver.execute_script(js)

        # 4.3 获取完整图片截图
        time.sleep(0.5)
        full_img = get_img('/html/body/div[2]/div[2]/div[6]/div/div[1]/div[1]/div/a/div[1]/canvas',
                           full_snap)  # 传递完整图片标签的xpath和图片名称

        # 第5步，对比两张图的像素RGB,得到不一样的像素点，取位移
        distance = get_distance(portion_img, full_img)
        # print(distance)  # 97就是我们想要的位移，并且这个值是不固定的

        # 第6步，获取移动轨迹
        tracks_list = get_tracks(distance)

        # 第7步， 按照轨迹列表开始匀加速再匀减速运动，水平移动
        # 7.1 获取滑动按钮
        geetest_slider_button = wait.until(EC.presence_of_element_located((By.CLASS_NAME, 'geetest_slider_button')))
        # 7.2 按住不放
        ActionChains(driver).click_and_hold(geetest_slider_button).perform()
        print(1111, tracks_list)
        for track in tracks_list:
            print(22222222222,track)
            ActionChains(driver).move_by_offset(xoffset=track, yoffset=0).perform()  # 水平移动，所以x轴在变，y轴不变
        # else:  # 模拟人滑动到缺口位置之后再滑动一点再滑动回来
        ActionChains(driver).move_by_offset(xoffset=3, yoffset=0).perform()
        ActionChains(driver).move_by_offset(xoffset=-3, yoffset=0).perform()
        # 在滑到位置后，不是立即松开，而是在一段时间之后再松开
        ActionChains(driver).pause(random.randint(6, 15) / 10).release(geetest_slider_button).perform()

        # 第8步，获取确定按钮并点击
        # time.sleep(2)
        # driver.find_element_by_xpath('//*[@id="router-view"]/div/div/div[2]/div[2]/button').click()


    finally:
        # 关闭浏览器
        time.sleep(3)
        driver.quit()


if __name__ == '__main__':
    user = input('输入你的用户名: ').strip() # 替换为你的用户名

    pwd = getpass.getpass('输入的密码: ').strip()  # 替换为你的密码
    # 获取webdriver实例
    driver = webdriver.Chrome()
    wait = WebDriverWait(driver, 10)
    crack_luffy_signin(user, pwd)

# try:
#     driver.get('https://account.cnblogs.com/signin?returnUrl=http%3a%2f%2fi.cnblogs.com%2f')
#
#     driver.find_element_by_id('LoginName').send_keys('11111')
#     driver.find_element_by_id('Password').send_keys('22222')
#     driver.find_element_by_class_name('ladda-label').click()
#
# except Exception as e:
#     print(e)
# finally:
#     time.sleep(20)
#     driver.quit()

效果：

下拉菜单选择

下拉菜单这里可以有三种方式选择：

• select_by_index(id)，通过id选择。
• select_by_value(value值)，通过value值选择。
• select_by_text(“中国”)，通过显示的文本内容选择。

现在通过路飞学城的注册页面来演示下拉菜单的操作：

import time
from selenium import webdriver
from selenium.webdriver.support.ui import Select

# 获取webdriver实例
browser = webdriver.Chrome()
# 访问URL
browser.get('https://www.luffycity.com/signup')
# browser.maximize_window()  # 窗口最大化
time.sleep(1)
# 定位到select标签
select = browser.find_element_by_class_name('phone_select')
Select(select).select_by_value('355')  # 根据value值选择
# 关闭浏览器
time.sleep(3)
browser.quit()
# 截止2019-6-6，代码无误

效果如下：

模拟hover事件

hover也就是鼠标悬浮，那么使用selenium怎么实现呢？

通过一个悬浮事例来学习。

事例以淘宝官网为例，要求：

• 循环悬浮主题市场列表。
• 然后悬浮【女装/男装/内衣】，并点击其内的【夏上新】。

import time
from selenium import webdriver
from selenium.webdriver import ActionChains as AC

driver = webdriver.Chrome()

driver.get('https://www.taobao.com/')

# 获取 主题市场 列表
menu_list = driver.find_elements_by_class_name('J_Cat')
print(menu_list.__len__())
for i in menu_list:   # 循环模拟鼠标悬浮
    AC(driver).move_to_element(i).perform()
    time.sleep(0.5)

# 悬浮到 女装/男装/内衣
time.sleep(2)
AC(driver).move_to_element(menu_list[0]).perform()
# 点击其内的 夏上新 链接
time.sleep(2)
obj = driver.find_element_by_xpath('/html/body/div[4]/div[1]/div[1]/div[1]/div/div/div[1]/div[1]/div[1]/p/a[1]')
print(obj.text)
obj.click()

time.sleep(6)
driver.quit()