开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> Python知识库 -> Python Selenium.WebDriverWait 清除输入框再输入『详解』 -> 正文阅读

[Python知识库]Python Selenium.WebDriverWait 清除输入框再输入『详解』

Python Selenium.WebDriverWait 清除输入框再输入『详解』

文章目录

Python Selenium.WebDriverWait 清除输入框再输入『详解』

一、如何清除输入框中的默认内容

首先，要明确一点的是，Selenium是模拟人们去操作浏览器，它能操作的事大部分都是我们人们能够自己手动实现的事情。

知道这一点后，我们再想想平时浏览网页时遇到存在默认文本内容的输入框时，我们会怎么将其清除掉再输入呢？

慢慢敲退格键？虽然麻烦但也是一个方法；
拖动并点击鼠标，将默认内容选中后再按退格键将其删除；
双击默认文本内容，在选中后的情况下输入我们想要的内容将其替换掉；
与双击有着同样原理的是使用ctrl + a 全选快捷键将其全部选中，这个会比双击能够更可靠地选中默认文本内容，再输入我们想要的内容将其替换掉；
不断刷新网页，祈祷输入框中的默认文本内容不再出现，哈哈别逗了，这不太可能

二、WebDriverWait 的功能键实现

在上诉的实现方法，都离不开对键盘的操作，全选、回车这些都是需要在代码中去实现，那么如何使用Selenium实现这些操作呢，这就需要用到 Selenium WebDriver 的功能键API(接口)

使用下列导入语句将其导入

from selenium.webdriver.common.keys import Keys

其实源码实现原理很简单，我们来看看源码，只要明白了规则甚至连该模块都不用导入就能实现功能键的输入

class Keys(object):
    """
    Set of special keys codes.
    """

    NULL = '\ue000'
    CANCEL = '\ue001'  # ^break
    HELP = '\ue002'
    BACKSPACE = '\ue003'
    BACK_SPACE = BACKSPACE
    TAB = '\ue004'
    CLEAR = '\ue005'
    RETURN = '\ue006'
    ENTER = '\ue007'
    SHIFT = '\ue008'
    LEFT_SHIFT = SHIFT
    CONTROL = '\ue009'
    LEFT_CONTROL = CONTROL
    ALT = '\ue00a'
    LEFT_ALT = ALT
    PAUSE = '\ue00b'
    ESCAPE = '\ue00c'
    SPACE = '\ue00d'
    PAGE_UP = '\ue00e'
    PAGE_DOWN = '\ue00f'
    END = '\ue010'
    HOME = '\ue011'
    LEFT = '\ue012'
    ARROW_LEFT = LEFT
    UP = '\ue013'
    ARROW_UP = UP
    RIGHT = '\ue014'
    ARROW_RIGHT = RIGHT
    DOWN = '\ue015'
    ARROW_DOWN = DOWN
    INSERT = '\ue016'
    DELETE = '\ue017'
    SEMICOLON = '\ue018'
    EQUALS = '\ue019'

    NUMPAD0 = '\ue01a'  # number pad keys
    NUMPAD1 = '\ue01b'
    NUMPAD2 = '\ue01c'
    NUMPAD3 = '\ue01d'
    NUMPAD4 = '\ue01e'
    NUMPAD5 = '\ue01f'
    NUMPAD6 = '\ue020'
    NUMPAD7 = '\ue021'
    NUMPAD8 = '\ue022'
    NUMPAD9 = '\ue023'
    MULTIPLY = '\ue024'
    ADD = '\ue025'
    SEPARATOR = '\ue026'
    SUBTRACT = '\ue027'
    DECIMAL = '\ue028'
    DIVIDE = '\ue029'

    F1 = '\ue031'  # function  keys
    F2 = '\ue032'
    F3 = '\ue033'
    F4 = '\ue034'
    F5 = '\ue035'
    F6 = '\ue036'
    F7 = '\ue037'
    F8 = '\ue038'
    F9 = '\ue039'
    F10 = '\ue03a'
    F11 = '\ue03b'
    F12 = '\ue03c'

    META = '\ue03d'
    COMMAND = '\ue03d'

将源码中的常用的功能键总结整理成表格

键位	中文释义	Unicode码
BACKSPACE / BACK_SPACE	退格	`\ue003`
DELETE	删除	`\ue017`
HOME	开头	`\ue011`
END	末尾	`\ue010`
ENTER	回车	`\ue007`
CONTROL（CTRL）	控制（CTRL）	`\ue009`
ALT	ALT	`\ue00a`
SPACE	空格	`\ue00d`

三、退格大法好😍

万能的退格，输入框里有都是内容那就退格多少次，这是一个比较容易想出的方法，相信也有不少人也是一直在使用这个方法
缺点也很明显，比较繁琐，一个两个输入框还好，但如果输入框中的内容有点多，或则输入框的数量有点多，这个方法就不太行了

需要用到退格功能键，我们可以利用Keys包下的 Keys.BACKSPACE 实现或则自行写入Unicode编码 \ue003 即可

思路：
思路很简单，使用get_attribute方法获取输入框中的内容值，计算其长度并与偏差相加，循环需要摁下的次数并使用send_keys发送空格

def backspace_clean(element, deviation=3):
    """
    退格原理清除输入框中的内容
    :param element: 元素 
    :param deviation: 退格数偏差,默认会多输入3个以确保可靠度
    """
    quantity = len(element.get_attribute("value")) + deviation
    for _ in range(quantity):
        element.send_keys(Keys.BACKSPACE)

将其封装成 清除并输入内容 函数

def backspace_clean(element, deviation=3):
    """
    退格原理清除输入框中的内容
    :param element: 需要操作的元素
    :param deviation: 退格数偏差,默认会多输入3个以确保可靠度
    """
    quantity = len(element.get_attribute("value")) + deviation
    for _ in range(quantity):
        element.send_keys(Keys.BACKSPACE)


def clean_with_send(element, text: str, **kwargs):
    """
    清空输入框并且输入内容
    :param element: 需要操作的元素
    :param text: 输入的内容
    """
    backspace_clean(element, **kwargs)
    element.send_keys(text)

四、不靠谱的拖动鼠标🤐

如果输入框中的内容较多进行了隐藏或则分了几行，那么可靠度是挺低的。除此之外，还得考虑鼠标的拖动范围，从哪里开始定位，这一系列的动作链操作，编写起来也是比较麻烦的

在开始讲解之前，需要注意三个点：

一是鼠标点击操作是在元素的正中间(经过我的测试得出)，这就需要先将鼠标移动到元素的开头的进行步骤预处理才行
需要事先将浏览器最大化操作browser.maximize_window()，如果输入框超出窗口化所显示的范围时候会抛出异常
导入Selenium的动作链库再进行代码的编写，from selenium.webdriver import ActionChains

还需要了解动作链的一些方法，这些方法将在下面的代码中所使用：

方法	参数	描述
`.move_by_offset(xoffset, yoffset)`	x 偏移量(横轴)，y 偏移量(纵轴)	鼠标从当前位置移动到某个坐标(x, y)(默认在浏览器左上角，类似网页布局中的固定定位)
`.move_to_element(to_element)`	element（目标元素）	鼠标移动到目标元素中间
`.move_to_element_with_offset(to_element, xoffset, yoffset)`	element(目标元素)，x 偏移量(横轴)，y 偏移量(纵轴)	鼠标移动到相对于目标元素的坐标(x, y)「以元素左上角作为参照物」
`.click_and_hold(on_element=None)`	element（目标元素，可选）	在目标元素下摁下鼠标左键并且不松开。如果没有传入目标元素，则在当前鼠标指针位置下操作
`.click(on_element=None)`	element（目标元素，可选）	左键点击目标元素。如果没有传入目标元素，则在当前鼠标指针位置下操作
`.release(on_element=None)`	element（目标元素，可选）	在目标元素处松开鼠标摁键。如果没有传入目标元素，则在当前鼠标指针位置下操作

值得注意的是，鼠标移动的位置是继承的，不会移动往后会自动归位到页面左上角。在每次写好操作设置函数后要记得加上动作链执行函数.perform()，在调用.perform时，讲连续执行之前所设置的操作设置函数，然后结束

思路：
先获取输入框的大小，确定需要拖动的范围。将鼠标指针移到相当目标输入框（横轴: 1，纵轴: 1）的位置，并摁下左键不松开，移动指针到输入框最右下角的位置并向输入框发送退格功能键，清空内容。最后释放鼠标。

def drag_clean(element, browser):
    """
    拖动鼠标原理清除输入框中的内容
    :param element: 需要操作的元素
    :param browser: 浏览器对象
    """
    s_y, s_x = element.size.values()
    action = ActionChains(browser)
    action.move_to_element_with_offset(element, 1, 1).click_and_hold().perform()
    action.move_by_offset(s_x, s_y).send_keys(Keys.BACKSPACE).perform()
    action.release()    # 释放鼠标

将其封装成 清除并输入内容 函数

def drag_clean(element, browser):
    """
    拖动鼠标原理清除输入框中的内容
    :param element: 需要操作的元素
    :param browser: 浏览器对象
    """
    s_y, s_x = element.size.values()
    action = ActionChains(browser)
    action.move_to_element_with_offset(element, 1, 1).click_and_hold().perform()
    action.move_by_offset(s_x, s_y).send_keys(Keys.BACKSPACE).perform()
    action.release()    # 释放鼠标


def clean_with_send(element, browser, text: str):
    """
    清空输入框并且输入内容
    :param element: 需要操作的元素
    :param browser: 浏览器对象
    :param text: 输入的内容
    """
    drag_clean(element, browser)
    element.send_keys(text)

五、双击后替换😲

双击后替换，这也是一个比较常用的解决方案，但还是存在有可能没选全的情况，因此可以考虑多次双击解决这个问题，代码编写也比较方便，对于简单的输入框还是值得去使用的

导入Selenium的动作链库再进行代码的编写，from selenium.webdriver import ActionChains

思路：
直接双击输入框，使其内容被选中后向输入框发送退格功能键，清空内容。将上述方法写在循环里，循环次数通过number_of_executions参数控制，默认值为1次，即执行一次双击清空内容操作。

def double_click_clean(element, browser, number_of_executions=1):
    """
    双击内容原理清除输入框中的内容
    :param element: 需要操作的元素
    :param browser: 浏览器对象
    :param number_of_executions: 执行次数,多次执行能有效避免未选全情况
    """
    action = ActionChains(browser)
    for _ in range(number_of_executions):
        action.double_click(element).send_keys(Keys.BACKSPACE).perform()

将其封装成 清除并输入内容 函数

def double_click_clean(element, browser, number_of_executions=1):
    """
    双击内容原理清除输入框中的内容
    :param element: 需要操作的元素
    :param browser: 浏览器对象
    :param number_of_executions: 执行次数,多次执行能有效避免未选全情况
    """
    action = ActionChains(browser)
    for _ in range(number_of_executions):
        action.double_click(element).send_keys(Keys.BACKSPACE).perform()


def clean_with_send(element, browser, text: str, **kwargs):
    """
    清空输入框并且输入内容
    :param element: 需要操作的元素
    :param browser: 浏览器对象
    :param text: 输入的内容
    """
    double_click_clean(element, browser, **kwargs)
    element.send_keys(text)

六、全选后替换「推荐」

众所周知全选的快捷键是Ctrl + A ，通过键盘输入全选快捷键，将输入框中的旧内容全部选中后直接输入替换，实现起来简单且又可靠，也不需要用到专门的动作链接口ActionChains

思路：
先对元素使用send_keys方法输入Ctrl + A 快捷键后，直接再使用send_keys方法输入我们想要的内容将其替换即可

def select_all_clean(element):
    """
    全选内容原理清除输入框中的内容
    :param element: 需要操作的元素
    """
    # 发送全选快捷键
    element.send_keys(Keys.CONTROL, "a")
    element.send_keys(Keys.BACKSPACE)


def clean_with_send(element, text: str):
    """
    清空输入框并且输入内容
    :param element: 需要操作的元素
    :param text: 输入的内容
    """
    select_all_clean(element)
    element.send_keys(text)

可以将其合并组合成一个函数，只需要短短两行即可实现

def clean_with_send(element, text: str):
    """
    清空输入框并且输入内容
    :param element: 需要操作的元素
    :param text: 输入的内容
    """
    # 发送全选快捷键
    element.send_keys(Keys.CONTROL, "a")
    element.send_keys(text)

七、自带清空元素的内容方法「推荐」

看完上面各种模拟行为清空输入框内容的方法，你一定会想难道Selenium就没有自带清空的方法吗，答案是肯定的，用起来也比较简单，webelement.clear()方法多用于输入框

想要注意的是，对于某些网页，此方法可以会失效，所以还是得用上面所讲的方法去实现

思路：
没什么特别的，就是清空再输入

def clean_with_send(element, text: str):
    """
    清空输入框并且输入内容
    :param element: 需要操作的元素
    :param text: 输入的内容
    """
    element.clear()
    element.send_keys(text)

八、总结

其实利用 Selenium.WebDriverWait 对页面进行模拟操作时，无非也是在模仿我们平时上网时的行为罢了，想要对页面进行模拟操作且没思路时，不妨想想要是自己会怎么去操作网页

参考资料💟

书籍：
- 异步图书《Selenium 自动化测试完全指南基于Python》
  这是一本2021年5月新出的书，各方面写的很全，对于学习爬虫或则自动化测试的同学一定不要错过
官方手册
- Selenium with Python中文翻译文档

由衷感谢💖

[Python知识库]Python Selenium.WebDriverWait 清除输入框再输入『详解』

Python Selenium.WebDriverWait 清除输入框再输入『详解』

文章目录

一、如何清除输入框中的默认内容

二、WebDriverWait 的功能键实现

三、退格大法好😍

四、不靠谱的拖动鼠标🤐

五、双击后替换😲

六、全选后替换「推荐」

七、自带清空元素的内容方法「推荐」

八、总结

参考资料💟

相关博客😏