Selenium 8

zoukankan html css js c++ java

Selenium 8
本文作者官网白月黑羽教Python

更多动作

点击这里，边看视频讲解，边学习以下内容

之前我们对web元素做的操作主要是：选择元素，然后 点击元素 或者输入字符串。

还有没有其他的操作了呢？

有。

比如：比如鼠标右键点击、双击、移动鼠标到某个元素、鼠标拖拽等。

这些操作，可以通过 Selenium 提供的 ActionChains类来实现。

ActionChains 类里面提供了一些特殊的动作的模拟，我们可以通过 ActionChains 类的代码查看到，如下所示

我们以移动鼠标到某个元素为例。

百度首页的右上角，有个 更多产品 选项，如下图所示

如果我们把鼠标放在上边，就会弹出下面的糯米、音乐、图片等图标。

使用 ActionChains 来模拟鼠标移动操作的代码如下：
```
from selenium import webdriver

driver = webdriver.Chrome(r'f:chromedriver.exe')
driver.implicitly_wait(5)

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

from selenium.webdriver.common.action_chains import ActionChains

ac = ActionChains(driver)

# 鼠标移动到 元素上
ac.move_to_element(
    driver.find_element_by_css_selector('[name="tj_briicon"]')
).perform()
```
直接执行javascript

我们可以直接让浏览器运行一段javascript代码，并且得到返回值，如下
```
# 直接执行 javascript，里面可以直接用return返回我们需要的数据
nextPageButtonDisabled = driver.execute_script(
    '''
    ele = document.querySelector('.soupager > button:last-of-type');
    return ele.getAttribute('disabled')
    ''')

# 返回的数据转化为Python中的数据对象进行后续处理
if nextPageButtonDisabled == 'disabled': # 是最后一页
    return True
else: # 不是最后一页
    return False
```
冻结界面

点击这里，边看视频讲解，边学习以下内容

有些网站上面的元素，我们鼠标放在上面，会动态弹出一些内容。

比如，百度首页的右上角，有个 更多产品 选项，如下图所示

如果我们把鼠标放在上边，就会弹出下面的糯米、音乐、图片等图标。

如果我们要用 selenium 自动化点击糯米图标，就需要 F12 查看这个元素的特征。

但是当我们的鼠标从糯米图标移开，这个栏目就整个消失了，就没法查看其对应的 HTML。

怎么办？

可以如下图所示：

在开发者工具栏 console 里面执行如下js代码
```
setTimeout(function(){debugger}, 5000)
```
这句代码什么意思呢？

表示在 5000毫秒后，执行 debugger 命令

执行该命令会浏览器会进入debug状态。 debug状态有个特性，界面被冻住，不管我们怎么点击界面都不会触发事件。

所以，我们可以在输入上面代码并回车执行后，立即鼠标放在界面右上角更多产品处。

这时候，就会弹出下面的糯米、音乐、图片等图标。

然后，我们仔细等待 5秒到了以后，界面就会因为执行了 debugger 命令而被冻住。

然后，我们就可以点击开发者工具栏的查看箭头，再去点击糯米图标，查看其属性了。

弹出对话框

点击这里，边看视频讲解，边学习以下内容

有的时候，我们经常会在操作界面的时候，出现一些弹出的对话框。

请点击打开这个网址

分别点击界面的3个按钮，你可以发现：

弹出的对话框有三种类型，分别是 Alert（警告信息）、confirm（确认信息）和prompt（提示输入）

Alert

Alert 弹出框，目的就是显示通知信息，只需用户看完信息后，点击 OK（确定）就可以了。

那么，自动化的时候，代码怎么模拟用户点击 OK 按钮呢？

selenium提供如下方法进行操作
```
driver.switch_to.alert.accept()
```
注意：如果我们不去点击它，页面的其它元素是不能操作的。
{: .notice--info}

如果程序要获取弹出对话框中的信息内容，可以通过如下代码
```
driver.switch_to.alert.text
```
示例代码如下
```
from selenium import webdriver
driver = webdriver.Chrome()
driver.implicitly_wait(5)
driver.get('http://cdn1.python3.vip/files/selenium/test4.html')


# --- alert ---
driver.find_element_by_id('b1').click()

# 打印 弹出框 提示信息
print(driver.switch_to.alert.text) 

# 点击 OK 按钮
driver.switch_to.alert.accept()
```
Confirm

Confirm弹出框，主要是让用户确认是否要进行某个操作。

比如：当管理员在网站上选择删除某个账号时，就可能会弹出 Confirm弹出框，要求确认是否确定要删除。

Confirm弹出框有两个选择供用户选择，分别是 OK 和 Cancel，分别代表确定和取消操作。

那么，自动化的时候，代码怎么模拟用户点击 OK 或者 Cancel 按钮呢？

selenium提供如下方法进行操作

如果我们想点击 OK 按钮，还是用刚才的 accept方法，如下
```
driver.switch_to.alert.accept()
```
如果我们想点击 Cancel 按钮，可以用 dismiss方法，如下
```
driver.switch_to.alert.dismiss()
```
示例代码如下
```
from selenium import webdriver
driver = webdriver.Chrome()
driver.implicitly_wait(5)
driver.get('http://cdn1.python3.vip/files/selenium/test4.html')

# --- confirm ---
driver.find_element_by_id('b2').click()

# 打印 弹出框 提示信息
print(driver.switch_to.alert.text)

# 点击 OK 按钮 
driver.switch_to.alert.accept()

driver.find_element_by_id('b2').click()

# 点击 取消 按钮
driver.switch_to.alert.dismiss()
```
Prompt

出现 Prompt 弹出框是需要用户输入一些信息，提交上去。

比如：当管理员在网站上选择给某个账号延期时，就可能会弹出 Prompt 弹出框，要求输入延期多长时间。

可以调用如下方法
```
driver.switch_to.alert.send_keys()
```
示例代码如下
```
from selenium import webdriver
driver = webdriver.Chrome()
driver.implicitly_wait(5)
driver.get('http://cdn1.python3.vip/files/selenium/test4.html')


# --- prompt ---
driver.find_element_by_id('b3').click()

# 获取 alert 对象
alert = driver.switch_to.alert

# 打印 弹出框 提示信息
print(alert.text)

# 输入信息，并且点击 OK 按钮 提交
alert.send_keys('web自动化 - selenium')
alert.accept()

# 点击 Cancel 按钮 取消
driver.find_element_by_id('b3').click()
alert = driver.switch_to.alert
alert.dismiss()
```
注意：有些弹窗并非浏览器的alert 窗口，而是html元素，这种对话框，只需要通过之前介绍的选择器选中并进行相应的操作就可以了。
{: .notice--info}

其他技巧

下面是一些其他的 Selenium 自动化技巧

窗口大小

有时间我们需要获取窗口的属性和相应的信息，并对窗口进行控制
- 获取窗口大小
```
driver.get_window_size()
```
- 改变窗口大小
```
driver.set_window_size(x, y)
```
获取当前窗口标题

浏览网页的时候，我们的窗口标题是不断变化的，可以使用WebDriver的title属性来获取当前窗口的标题栏字符串。
```
driver.title
```
获取当前窗口URL地址
```
driver.current_url
```
例如，访问网易，并获取当前窗口的标题
```
from selenium import  webdriver

driver = webdriver.Chrome()
driver.implicitly_wait(5)

# 打开网站
driver.get('https://www.163.com')

# 获取网站标题栏文本
print(driver.title) 

# 获取网站地址栏文本
print(driver.current_url) 
```
截屏

有的时候，我们需要把浏览器屏幕内容保存为图片文件。

比如，做自动化测试时，一个测试用例检查点发现错误，我们可以截屏为文件，以便测试结束时进行人工核查。

可以使用 WebDriver 的 get_screenshot_as_file方法来截屏并保存为图片。
```
from selenium import  webdriver

driver = webdriver.Chrome()
driver.implicitly_wait(5)

# 打开网站
driver.get('https://www.baidu.com/')

# 截屏保存为图片文件
driver.get_screenshot_as_file('1.png')
```
手机模式

我们可以通过 desired_capabilities参数，指定以手机模式打开chrome浏览器

参考代码，如下
```
from selenium import webdriver

mobile_emulation = { "deviceName": "Nexus 5" }

chrome_options = webdriver.ChromeOptions()

chrome_options.add_experimental_option("mobileEmulation", mobile_emulation)

driver = webdriver.Chrome( desired_capabilities = chrome_options.to_capabilities())

driver.get('http://www.baidu.com')

input()
driver.quit()
```
上传文件

有时候，网站操作需要上传文件。

比如，著名的在线图片压缩网站： https://tinypng.com/

通常，网站页面上传文件的功能，是通过 type属性为 file的 HTML input元素实现的。

如下所示：
```
<input type="file" multiple="multiple">
```
使用selenium自动化上传文件，我们只需要定位到该input元素，然后通过 send_keys 方法传入要上传的文件路径即可。

如下所示：
```
# 先定位到上传文件的 input 元素
ele = wd.find_element_by_css_selector('input[type=file]')

# 再调用 WebElement 对象的 send_keys 方法
ele.send_keys(r'h:g02.png')
```
如果需要上传多个文件，可以多次调用send_keys，如下
```
ele = wd.find_element_by_css_selector('input[type=file]')
ele.send_keys(r'h:g01.png')
ele.send_keys(r'h:g02.png')
```
使用代理

selenium自动化谷歌浏览器可以这样使用代理
```
from selenium import webdriver
from selenium.webdriver.common.proxy import Proxy, ProxyType

prox = Proxy()
prox.proxy_type = ProxyType.MANUAL
prox.http_proxy = "127.0.0.1:10800"
prox.ssl_proxy = "127.0.0.1:10800"
# prox.socks_proxy = "127.0.0.1:10800"

capabilities = webdriver.DesiredCapabilities.CHROME
prox.add_to_capabilities(capabilities)

driver = webdriver.Chrome(desired_capabilities=capabilities)

driver.get('https://youtube.com')

input()
```
使用缺省用户的profile运行浏览器

前面我们selenium打开浏览器，都是创建一个临时的新的用户，在新的用户环境中运行自动化。

如果我们想使用现有缺省用户的 profile运行浏览器自动化，可以这样
```
from selenium import webdriver
from selenium.webdriver.chrome.options import Options

options = Options()
# 缺省使用的是该目录下面的 Default目录里面保存的用户profile
options.add_argument(r'user-data-dir=c:UsersaiyhAppDataLocalGoogleChromeUser Data')
driver = webdriver.Chrome(options=options)
```
无头模式
```
from selenium import webdriver
from selenium.webdriver.chrome.options import Options

options = Options()
# 设置为无头模式参数
options.add_argument("--headless")
driver = webdriver.Chrome(options=options)

driver.implicitly_wait(10)

driver.get('http://www.ahtba.org.cn/Category/Detail?id=568')

eles = driver.find_elements_by_css_selector('#night_7460 li a')
for ele in eles:
    print(ele.text)
```
自动化Edge浏览器

点击这里，边看视频讲解，边学习下面的内容

自动化基于Chromium内核的微软最新Edge浏览器，首先需要查看Edge的版本。

点击菜单 帮助和反馈 > 关于Microsoft Edge ，在弹出界面中，查看到版本，比如
```
版本 79.0.309.71 (官方内部版本) (64 位)
```
然后点击这里，打开Edge浏览器驱动下载网页，并选择下载对应版本的驱动。

在自动化代码中，指定使用Edge Webdriver类，并且指定 Edge 驱动路径，如下所示
```
from selenium import webdriver

driver = webdriver.Edge(r'd:	oolswebdriversmsedgedriver.exe')

driver.get('http://www.51job.com')
```
自动化Electron程序

Electron程序都是基于基于Chromium技术开发的，所以基本也可以用Chromedriver驱动自动化。

要自动化，首先需要得到内置 Chromium的版本号。

向开发人员查询打开 Dev Tools 窗口的快捷键（通常是ctrl + Shift + I），打开Dev Tools 窗口后，在 Console tab中输入如下语句，查看版本
```
> navigator.appVersion.match(/.*Chrome/([0-9.]+)/)[1]
  "79.0.3945.130"
```
然后去 chromedriver下载网址，下载对应版本的驱动。

在自动化程序中需要指定打开的可执行程序为Electron程序，而不是 Chrome浏览器。

如下所示
```
from selenium import webdriver
from selenium.webdriver.chrome.options import Options

ops = Options()

# 指定Electron程序路径
ops.binary_location = r"C:electronAPP.exe"

driver = webdriver.Chrome(r"e:chromedriver.exe",
                            options = ops)
```
查看全文

相关阅读:
路径不对导致FileNotFoundError: [WinError 2] 系统找不到指定的文件，问题解决办法
 pycharm + selenium + python 提示 Unresolved reference 'webdriver' 解决办法
 highstock实现股票分时
 jquery 源码剖析1
html 其它标签
 html5 基本内容摘自W3C
html总结
 web性能部分
 linux常用命令 3
linux常用命令 2

原文地址：https://www.cnblogs.com/baiyueheiyu/p/12851368.html

本文作者官网 白月黑羽教Python

更多动作

直接执行javascript

冻结界面

弹出对话框

Alert

Confirm

Prompt

其他技巧

窗口大小

获取当前窗口标题

获取当前窗口URL地址

截屏

手机模式

上传文件

使用代理

使用缺省用户的profile运行浏览器

无头模式

自动化Edge浏览器

自动化Electron程序

本文作者官网白月黑羽教Python