Python-web自动化-Playwright的学习

在这里插入图片描述

Python-web自动化-Playwright的学习

        • 1. 安装playwright
        • 2. 界面等待
        • 3. 自动化代码助手
        • 4. 定位元素
          • 1. css selector定位
          • 2. xpath定位
          • 3. get_by_XXX定位
        • 5. 操作元素
          • 1. 单选框、复选框
          • 2. select下拉框
          • 3. 网页操作
          • 4. 框架页 frame
          • 5. 窗口切换
          • 6. 截屏

1. 安装playwright

pip命令

pip install playwright

之后还需要安装对应浏览器的驱动程序，使用命令

playwright install chromium

这是谷歌浏览器的驱动程序的下载
下面这是一段playwright-web自动化实例代码

from playwright.sync_api import sync_playwright


p = sync_playwright().start()
# 启动playwrite driver进程
browser = p.chromium.launch(headless=False)
# 驱动谷歌浏览器 启动浏览器
# headless = False 有界面的

page = browser.new_page()
# 创建新页面
page.goto(url='https://www.baidu.com')

page.locator('#kw').fill('科技')
# 定位输入框 输入科技
page.locator('#su').click()
# 点击搜索
# 关闭浏览器
browser.close()
# 关闭进程
p.stop()
2. 界面等待

不推荐使用time.sleep方法进行界面等待
因为playwright底层使用的是异步的python库进行各种事件处理，time.sleep会破坏异步框架的处理逻辑。
使用page对象的wait_for_timeout方法达到等待效果，单位为毫秒

page.wait_for_timeout(2000)
3. 自动化代码助手

输入命令

playwright codegen

相当于selenium中的selenium ide脚本录制工具
在这里插入图片描述

4. 定位元素
1. css selector定位

使用Locator类型的对象来进行定位元素，比如上述代码中

page.locator('#kw').fill('科技')
# 定位输入框 输入科技
page.locator('#su').click()
# 点击搜索

locator()就是，之后的fill、click属于元素操作，可以根据tag名、id、class选择元素，这种定位方式如果有一些html/css基础的，应该在定位元素方面基本没有问题，因为这个定位元素的表达式和css样式元素定位基本差不多的。
请添加图片描述

2. xpath定位

上述代码可以修改为：

page.locator('//input[@id="kw"]').fill('科技')
# 定位输入框 输入科技
page.locator('//input[@id="su"]').click()
# 点击搜索

有一定xpath基础绝对是没有问题的

3. get_by_XXX定位

在这里插入图片描述
get_attribute只是获取对应元素的某个属性值

5. 操作元素

1.click，点击元素(单击)、dblclick(双击元素)
2. fill，输入文本，clear，清空文本框中的内容，input_value,获取文本框中的内容
3. inner_text，获取元素内部文本
4. all_inner_texts，获取所有匹配的文本
5. text_centent、all_text_contents，和inner_text、all_inner_texts相对应，不同的是text_content、all_text_contents会匹配隐藏元素。

html代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ceshi</title>
    <style>
        ul{
            list-style:none;
        }
    </style>
</head>
<body>
    <ul>
        <li>混合</li>
        <li style="display:block;">混合2</li>
        <li>混合3</li>
        <li>混合4</li>
    </ul>
</body>
</html>

界面效果：
在这里插入图片描述

e1 = page.locator('//ul').all_text_contents()
e2 = page.locator('//ul').all_inner_texts()

print(e1)
print(e2)

运行结果：
在这里插入图片描述

包含隐藏元素时：
在这里插入图片描述
运行结果：
在这里插入图片描述
6. inner_html，获取元素内部的HTML

e1 = page.locator('//ul').inner_html()

print(e1)

在这里插入图片描述
7. 等待元素可见
有个时候我们的代码并不是操作某个元素，而是要等待某个元素出现后，再进行其他操作，可以使用wait_for方法
有两个参数，分别为state、timeout，state，默认值为‘visible’，等待元素可见，如果值为‘hidden’，等待元素消失。
timeout默认值为30秒，超出时长，元素还没有出现，会抛出错误。

8. 判断元素是否可见
is_visible，判断在当前页面是否存在某个元素

9. 文件输入框
通过set_input_files方法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ceshi</title>
</head>
<body>
    <input type="file" name="" id="file">
</body>
<script type="text/javascript">
    const ele = document.querySelector('#file');
    ele.onchange = function(){
        let file = this.files[0];
        console.log(file);
    }
</script>
</html>

page.goto(url='file:///D:/Sublime/vscode/Test_learn/playwrite2/1.html')
#
file_ele = page.locator('#file')
file_ele.set_input_files(r'D:\Sublime\vscode\Test_learn\playwrite2\test1.py')

运行结果：
在这里插入图片描述

1. 单选框、复选框

单选框的选择

  • 如果要点选radio框，可以使用Locator对象的check方法
  • 如果要取消选radio框，可以使用Locator对象的uncheck方法
  • 如果要判断radio框是否被选中，可以使用Locator对象的is_checked方法
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ceshi</title>
</head>
<body>
    <input type="radio" name="gender" value="man" checked> 男
    <input type="radio" name="gender" value="female"> 女 <br>
</body>
</html>

page.wait_for_timeout(2000)
for e in eles:
    print(e.is_checked(),e.get_attribute('value'))
    if not e.is_checked():
        e.check()
        # 如果没有选中
page.wait_for_timeout(10000)

运行结果：
在这里插入图片描述
复选框

  • 如果要点选checkbox框，可以使用Locator对象的check方法
  • 如果要取消选checkbox框，可以使用Locator对象的uncheck方法
  • 如果要判断checkbox框是否被选中，可以使用Locator对象的is_checked方法
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ceshi</title>
</head>
<body>
    <input type="checkbox" name="music" value="1"> 1 <br>
    <input type="checkbox" name="music" value="2"> 2 <br>
    <input type="checkbox" name="music" value="3"> 3 <br>
    <input type="checkbox" name="music" value="4"> 4
</body>
</html>

eles = page.locator(selector='[name=music]').all()
page.wait_for_timeout(2000)
for e in eles:
    v = e.get_attribute('value')
    if int(v) % 2 == 0:
        e.check()

运行结果：
请添加图片描述

2. select下拉框

通过**select_option()**方法，里面的值可以是index、value、lable上的值，但是需要完全匹配才行。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ceshi</title>
</head>
<body>
    <select name="sex">
        <option value="man">男</option>
        <option value="female">女</option>
    </select>
</body>
</html>

page.goto(url='file:///D:/Sublime/vscode/Test_learn/playwrite2/1.html')
page.locator('[name=sex]').select_option(index=1)

默认什么都没有选择，显示为男，现在选择女
在这里插入图片描述

3. 网页操作
  • page.go_back() 后退
  • page.go_forward() 前进
  • page.reload() 刷新
4. 框架页 frame

使用frame_locator找到对应frame框架页
1.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ceshi</title>
</head>
<body>
    <iframe src="./2.html"></iframe>
</body>
</html>

2.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ceshi2</title>
</head>
<body>
    <p id="name">步文曜</p>
</body>
</html>

frame = page.frame_locator('iframe')
print(frame.locator('#name').inner_text())

运行结果：
在这里插入图片描述

5. 窗口切换

需要使用BrowserContext对象创建page

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ceshi</title>
</head>
<body>
    <p id="baidu">baidu</p>
    <script>
        const e = document.querySelector('#baidu');
        e.onclick = function(){
            window.open('https://www.baidu.com');
        }
    </script>
</body>
</html>

page.locator('#baidu').click()
page.wait_for_timeout(2000)
print(context.pages[0].title())
print(context.pages[1].title())

运行结果：
在这里插入图片描述

6. 截屏

page.screenshot(path=‘’,full_page=True)
full_page=True，截屏截取不可见的部分，默认为False，只截取可见的部分。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/388463.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

全闭环直播推流桌面分享远控系统

全闭环直播推流桌面分享远控系统

直播推流涉及多协议&#xff0c;多端技术栈和知识点&#xff0c;&#xff0c;想要做好并不容易&#xff0c;经过几年时间的迭代&#xff0c;终于小有成就&#xff0c;聚集了媒体服务器&#xff0c;实时会议sfu&#xff0c;远控kvm等功能。可以做一个音视频应用的瑞士小军刀。主…
阅读更多...
【MySQL】学习外键约束处理员工数据

【MySQL】学习外键约束处理员工数据

&#x1f308;个人主页: Aileen_0v0 &#x1f525;热门专栏: 华为鸿蒙系统学习|计算机网络|数据结构与算法 ​&#x1f4ab;个人格言:“没有罗马,那就自己创造罗马~” #mermaid-svg-g4glZPIY0IKhiTfe {font-family:"trebuchet ms",verdana,arial,sans-serif;font-siz…
阅读更多...
每日五道java面试题之java基础篇（九）

每日五道java面试题之java基础篇（九）

目录&#xff1a; 第一题 你们项⽬如何排查JVM问题第二题 ⼀个对象从加载到JVM&#xff0c;再到被GC清除&#xff0c;都经历了什么过程&#xff1f;第三题 怎么确定⼀个对象到底是不是垃圾&#xff1f;第四题 JVM有哪些垃圾回收算法&#xff1f;第五题 什么是STW&#xff1f; 第…
阅读更多...
(14)Hive调优——合并小文件

(14)Hive调优——合并小文件

目录 一、小文件产生的原因 二、小文件的危害 三、小文件的解决方案 3.1 小文件的预防 3.1.1 减少Map数量 3.1.2 减少Reduce的数量 3.2 已存在的小文件合并 3.2.1 方式一&#xff1a;insert overwrite (推荐) 3.2.2 方式二&#xff1a;concatenate 3.2.3 方式三&#xff…
阅读更多...
VS Code中的JDK设置

VS Code中的JDK设置

在VS Code使用中&#xff0c;如果机器只安装了一个版本的JDK版本&#xff0c;一般不需要特别关注JDK 的配置&#xff0c;但是在以下状况下&#xff0c;需要对JDK进行特别的配置&#xff1a; 机器有多个JDK版本&#xff0c;不同的项目使用不同的JDK版本项目使用的JDK版本较低&a…
阅读更多...
【C/C++】2024春晚刘谦春晚魔术步骤模拟+暴力破解

【C/C++】2024春晚刘谦春晚魔术步骤模拟+暴力破解

在这个特别的除夕夜&#xff0c;我们不仅享受了与家人的温馨团聚&#xff0c;还被电视机前的春节联欢晚会深深吸引。特别是&#xff0c;魔术师刘谦的精彩表演&#xff0c;为我们带来了一场视觉和心灵的盛宴。在我的博客“【C/C】2024春晚刘谦春晚魔术步骤模拟暴力破解”中&…
阅读更多...
洛谷C++简单题小练习day12—寻找最小值小程序

洛谷C++简单题小练习day12—寻找最小值小程序

day12--寻找最小值--2.16 习题概述 题目描述 给出 n 和 n 个整数 ai​&#xff0c;求这 n 个整数中最小值是什么。 输入格式 第一行输入一个正整数 n&#xff0c;表示数字个数。 第二行输入 n 个非负整数&#xff0c;表示 1,2…a1​,a2​…an​&#xff0c;以空格隔开。 …
阅读更多...
leetcode:343.整数拆分

leetcode:343.整数拆分

解题思路&#xff1a; 拆分的越多越好&#xff08;暂且认为&#xff09;&#xff0c;尽可能拆成m个近似相等的数&#xff0c;会使得乘积最大 dp含义&#xff1a;将i进行拆分得到最大的积为dp[i] 递推公式&#xff1a;j x dp[i-j](固定j&#xff0c;只通过凑dp[i-j]进而实现所…
阅读更多...
报警产生器

报警产生器

1&#xff0e; 　实验任务 用P1.0输出1KHz和500Hz的音频信号驱动扬声器&#xff0c;作报警信号&#xff0c;要求1KHz信号响100ms&#xff0c;500Hz信号响200ms,交替进行&#xff0c;P1.7接一开关进行控制&#xff0c;当开关合上响报警信号&#xff0c;当开关断开告警信号停止&…
阅读更多...
SPI控制8_8点阵屏

SPI控制8_8点阵屏

协议与硬件概述 SPI SPI是串行外设接口&#xff08;Serial Peripheral Interface&#xff09;的缩写。是一种高速的&#xff08;10Mbps&#xff09;的&#xff0c;全双工&#xff0c;同步的通信总线&#xff0c;并且在芯片的管脚上只占用四根线。 引脚介绍 SCLK&#xff1a;…
阅读更多...
2024年【安徽省安全员C证】考试题库及安徽省安全员C证免费试题

2024年【安徽省安全员C证】考试题库及安徽省安全员C证免费试题

题库来源&#xff1a;安全生产模拟考试一点通公众号小程序 安徽省安全员C证考试题库根据新安徽省安全员C证考试大纲要求&#xff0c;安全生产模拟考试一点通将安徽省安全员C证模拟考试试题进行汇编&#xff0c;组成一套安徽省安全员C证全真模拟考试试题&#xff0c;学员可通过…
阅读更多...
ChatGPT高效提问—prompt实践（教师助手）

ChatGPT高效提问—prompt实践（教师助手）

ChatGPT高效提问—prompt实践&#xff08;教师助手&#xff09; 下面来看看ChatGPT在教育领域有什么用途。 首先设定ChatGPT的角色为高中教师助手。 输入prompt: ChatGPT输出&#xff1a; ​ 教师助手的角色已经设置完成。下面通过几种不同的情景演示如何使用。 1.1.1 制定…
阅读更多...
专业130+总分420+厦门大学847信号与系统考研经验厦大信息系统与通信工程，真题，大纲，参考书。

专业130+总分420+厦门大学847信号与系统考研经验厦大信息系统与通信工程，真题，大纲，参考书。

今年很幸运被厦门大学录取&#xff0c;考研专业课847信号与系统130&#xff0c;数二130&#xff0c;总分420&#xff0c;回头看这将近一年的复习&#xff0c;还是有不少经验和大家分享&#xff0c;希望对大家复习有帮助。专业课&#xff1a; 厦门大学847信号与系统在全国各高校…
阅读更多...
comfyui换脸学习笔记

comfyui换脸学习笔记

目录 Portrait Maker ComfyUI_Lam 人脸融合方案&#xff1a; 圣诞写真工作流 IPadapter faceID/faceID plus/faceID plusV2/Reactor换脸效果对比来 Portrait Maker 核心用的是 EasyPhoto ComfyUI_Lam 人脸融合方案&#xff1a; demo效果还可以&#xff0c;真实效果不是很稳…
阅读更多...
Linux操作系统基础（十四）：集群服务器搭建

Linux操作系统基础（十四）：集群服务器搭建

文章目录 集群服务器搭建 一、新增Linux服务器 1、克隆虚拟机 2、修改虚拟机的硬件配置 3、修改虚拟机的网络配置 二、关闭防火墙 1、关闭firewalld 2、关闭SElinux 三、修改主机名 四、修改hosts映射 五、SSH免密登录 六、时钟同步 七、远程文件拷贝 1、从本机拷…
阅读更多...
网红铁头因涉黄经历遭全网封杀

网红铁头因涉黄经历遭全网封杀

关注卢松松&#xff0c;会经常给你分享一些我的经验和观点。 铁头根本没意识到自己是公众人物了。 知名网红“铁头惩恶扬善”帐号被全网封禁&#xff0c;原因是因为遭到别人举报&#xff0c;1月12日凌晨“铁头”在直播的时候呢&#xff0c;自爆其涉黄经历。 铁头居然自己在直…
阅读更多...
二维数组及函数的非函数实现

二维数组及函数的非函数实现

2024年2月14日 1.请编程实现二维数组的杨慧三角 #include<stdio.h> #include<stdlib.h> #include<string.h> void Yanghui(int n,int (*p)[n]) {for(int i0;i<n;i){for(int j0;j<i;j){if(j0||ij){*(*(pi)j)1;}else{*(*(pi)j)*(*(pi-1)j-1)*(*(pi-1)j)…
阅读更多...
HTML快速入门教程

HTML快速入门教程

HTML&#xff1a;超文本标记语言&#xff08;Hyper Text Markup Language&#xff09;&#xff0c;是通过标签的形式将内容组织起来然后共享到网络之上供其他电脑访问查看。 大家可以思考一下&#xff0c;怎么将自己电脑上的文件或图片共享给其他电脑&#xff1f; 这时候会说通…
阅读更多...
计算机的历史以及原理

计算机的历史以及原理

一、计算机发展历史 计算机的历史可以追溯到几个世纪前，但现代计算机的起源和发展主要经历了以下几个重要阶段： 1. 机械计算设备：早在17世纪，人们就开始尝试制造可以进行基本数学运算的设备。例如，法国哲学家兼数学家Blaise Pascal在1642年发明了Pascalene，这是一种用于…
阅读更多...
洛谷_P1059 [NOIP2006 普及组] 明明的随机数_python写法

洛谷_P1059 [NOIP2006 普及组] 明明的随机数_python写法

这道题的关键在于去重和排序&#xff0c;去重可以联想到集合&#xff0c;那排序直接使用sort方法。 n int(input()) data set(map(int,input().split( ))) data list(data) data.sort() print(len(data)) for i in data:print(i,end )
阅读更多...
最新文章

Copyright @ 2022~2023