selenium+python自动化102-登录页面滑动解锁(ActionChains)

前言

登录页面会遇到滑动解锁，滑动解锁的目的就是为了防止别人用代码登录（也就是为了防止你自动化登录），有些滑动解锁是需要去拼图这种会难一点。

有些直接拖到最最右侧就可以了，本篇讲下使用 selenium web 自动化的时候如何滑动解锁。

滑动解锁场景

看下图，是我本地写的一个 slider.html 网页

除了输入账号和密码，还需将滑块拖动到最右端才能解锁

最后才去点登陆按钮

ActionChains 滑动滑块

查看 ActionChains 使用源码，相关介绍

ActionChains是一种自动化低级交互的方法，比如鼠标移动、鼠标按钮操作、按键和上下文菜单交互。这对于执行更复杂的操作（如悬停和拖放）非常有用

在调用ActionChains对象上的操作方法时，这些操作存储在ActionChains对象的队列中。调用perform（）时，事件将按其顺序激发排队等候。

使用上有2种实例，一种可用于链模式

menu = driver.find_element_by_css_selector(".nav")
hidden_submenu = driver.find_element_by_css_selector(".nav #submenu1")

ActionChains(driver).move_to_element(menu).click(hidden_submenu).perform()

另外一种方式操作可以一个接一个排队，然后执行

menu = driver.find_element_by_css_selector(".nav")
hidden_submenu = driver.find_element_by_css_selector(".nav #submenu1")

actions = ActionChains(driver)
actions.move_to_element(menu)
actions.click(hidden_submenu)
actions.perform()

不管是哪种方式，动作都是按照调用的顺序执行的，一个接一个另一个。

实现代码

selenium 里面滑动滑块需用到鼠标事件，回放下刚才操作的慢动作：按住 >> 按钮 -> 往右移动鼠标到最右端 -> 释放鼠标 -> 解锁成功

于是会用到click_and_hold move_by_offset release 这三个方法，最后用 perform() 执行

from selenium import webdriver
from selenium.webdriver import ActionChains
# 作者-上海悠悠 QQ交流群:717225969
# blog地址 https://www.cnblogs.com/yoyoketang/

driver = webdriver.Chrome()
driver.get("file:///C:/Users/dell/Desktop/slider.html")

driver.maximize_window()
driver.find_element_by_id('id_username').send_keys("yoyo")
driver.find_element_by_id('id_password').send_keys("123456")
slider = driver.find_element_by_class_name("slider")
# 滑块解锁
action = ActionChains(driver)
action.click_and_hold(slider)    # 按住
action.move_by_offset(248, 0)    # 往右偏移248个像素
action.release()                 # 释放鼠标
action.perform()                 # 执行

# 点登陆按钮
# driver.find_element_by_xpath('//*[@type="submit"]').click()

具体拖动多少像素，可以拖动鼠标后看偏移量，如下图 248px

ActionChains 相关源码

ActionChains 相关源码和使用说明

class ActionChains(object):
    """
    一种方式操作可以一个接一个排队，然后执行

        menu = driver.find_element_by_css_selector(".nav")
        hidden_submenu = driver.find_element_by_css_selector(".nav #submenu1")

        ActionChains(driver).move_to_element(menu).click(hidden_submenu).perform()

    另外一种方式操作可以一个接一个排队，然后执行

        menu = driver.find_element_by_css_selector(".nav")
        hidden_submenu = driver.find_element_by_css_selector(".nav #submenu1")

        actions = ActionChains(driver)
        actions.move_to_element(menu)
        actions.click(hidden_submenu)
        actions.perform()

   不管是哪种方式，动作都是按照调用的顺序执行的，一个接一个另一个。
    """

    def __init__(self, driver):

    def perform(self):
        """
        执行所有的动作，放到最后
        """

    def reset_actions(self):
        """
            Clears actions that are already stored locally and on the remote end
        """

    def click(self, on_element=None):
        """
        点击元素

        :Args:
         - on_element: The element to click.
           If None, clicks on current mouse position.
        """

    def click_and_hold(self, on_element=None):
        """
        按住鼠标左键

        :Args:
         - on_element: The element to mouse down.
           If None, clicks on current mouse position.
        """

    def context_click(self, on_element=None):
        """
        点击鼠标右键

        :Args:
         - on_element: The element to context-click.
           If None, clicks on current mouse position.
        """

    def double_click(self, on_element=None):
        """
        双击鼠标

        :Args:
         - on_element: The element to double-click.
           If None, clicks on current mouse position.
        """

    def drag_and_drop(self, source, target):
        """
        按住鼠标左键在元素source上，然后拖动元素target位置并释放鼠标

        :Args:
         - source: The element to mouse down.
         - target: The element to mouse up.
        """

    def drag_and_drop_by_offset(self, source, xoffset, yoffset):
        """
        在source元素上按住鼠标左键，然后移动到目标偏移（相对source元素的偏移）并释放鼠标按钮

        :Args:
         - source: The element to mouse down.
         - xoffset: X offset to move to.
         - yoffset: Y offset to move to.
        """

    def key_down(self, value, element=None):
        """
        同时按住几个键不释放，只能与修改键（Control、Alt和Shift）一起使用

        :Args:
         - value: The modifier key to send. Values are defined in `Keys` class.
         - element: The element to send keys.
           If None, sends a key to current focused element.

        Example, pressing ctrl+c::

            ActionChains(driver).key_down(Keys.CONTROL).send_keys('c').key_up(Keys.CONTROL).perform()

        """

    def key_up(self, value, element=None):
        """
        释放按住的键，跟上面一个相对应

        :Args:
         - value: The modifier key to send. Values are defined in Keys class.
         - element: The element to send keys.
           If None, sends a key to current focused element.

        Example, pressing ctrl+c::

            ActionChains(driver).key_down(Keys.CONTROL).send_keys('c').key_up(Keys.CONTROL).perform()

        """

    def move_by_offset(self, xoffset, yoffset):
        """
        将鼠标移动到距当前鼠标位置的偏移位置。

        :Args:
         - xoffset: X offset to move to, as a positive or negative integer.
         - yoffset: Y offset to move to, as a positive or negative integer.
        """

    def move_to_element(self, to_element):
        """
        将鼠标移到元素的中间

        :Args:
         - to_element: The WebElement to move to.
        """

    def move_to_element_with_offset(self, to_element, xoffset, yoffset):
        """
        按指定元素的偏移量移动鼠标。偏移相对于元素的左上角。

        :Args:
         - to_element: The WebElement to move to.
         - xoffset: X offset to move to.
         - yoffset: Y offset to move to.
        """

    def pause(self, seconds):
        """ 在指定的持续时间内暂停所有输入（以秒为单位）"""

    def release(self, on_element=None):
        """
        在元素上释放按住的鼠标按钮。

        :Args:
         - on_element: The element to mouse up.
           If None, releases on current mouse position.
        """

    def send_keys(self, *keys_to_send):
        """
        将键发送到当前聚焦元素。

        :Args:
         - keys_to_send: The keys to send.  Modifier keys constants can be found in the
           'Keys' class.
        """

    def send_keys_to_element(self, element, *keys_to_send):
        """
        向元素发送键。

        :Args:
         - element: The element to send keys.
         - keys_to_send: The keys to send.  Modifier keys constants can be found in the
           'Keys' class.
        """

2021最新《selenium3+pytest视频课程》点我 ->立即参与