1、操作浏览器自带弹窗

（1）说明：

webdriver中处理JavaScript所生成的alert、confirm 以及prompt 弹窗是很简单的。具体思路是使用switch_to.alert()方法定位到alert/confirm/prompt弹窗。然后使用text/accept/dismiss/send_keys 方法按需进行操做。

（2）常用操作：

操作 说明
text 返回alert/confirm/prompt中的文字信息。
accept() 点击弹窗中的确认按钮。（接收警告）
dismiss() 点击弹窗中的取消按钮，如果有的话。(弹窗中的)
send_keys() 输入文本到警告框，alert/confirm没有对话框就不能用了，不然会报错。

（3）示例：

页面代码片段：

<!DOCTYPE html>

<html lang="zh-cn">

<head>

    <meta charset="UTF-8">

    <style type="text/css">

        button {

            padding: 8px;

            background: #f8f8f8;

            border-radius: 5px

        }

    </style>

</head>

<body>

<button type="button_alert" value="alert" id="alert" onclick="al()">button_alert</button>

<br>

<button type="button_confirm" value="confirm" id="confirm" onclick="con()">button_confirm</button>

<br>

<button type="button_prompt" value="prompt" id="prompt" onclick="pro()">button_prompt</button>

<br>

<script>

    function al() {

        alert('你是一个懂得爱自己的人！')

    }

    function con() {

        confirm('你是一个懂得爱自己的人？')

    }

    function pro() {

        prompt('请对自己说一句话！')

    }

</script>

</body>

</html>

脚本代码：

"""

1.学习目标:

    掌握浏览器自带弹窗的处理方法

2.语法(操作步骤):

    2.1 操作触发弹窗的元素

    2.2 获取弹窗(进入弹窗)

        alert = driver.switch_to.alert

    2.3 操作弹窗

        alert.text   获取弹窗文本

        alert.accept() 点击弹窗确定按钮

        alert.dismiss() 点击弹窗取消按钮

        alert.send_keys("输入内容") 在弹窗中输入文字

3.需求

    在页面中,操作浏览器自带弹窗

"""

# 1.导入selenium

from selenium import webdriver

from time import sleep

import os

# 2.打开浏览器

driver = webdriver.Firefox()

# 3.打开页面

url = "file:///" + os.path.abspath("./1.html")

driver.get(url)

sleep(2)

# 4.处理浏览器自带弹窗

# 4.1 触发弹窗的元素button_alert，完成text和accept()方法

# 4.1.1 定位alert按钮，触发弹窗

el = driver.find_element_by_id("alert")

el.click()

sleep(2)

# 4.1.2 获取弹窗(进入弹窗)

alert = driver.switch_to.alert

# 4.1.3 获取弹窗文本值

print("弹窗文本值:", alert.text)

# 4.1.4 点击弹窗确定按钮

alert.accept()

sleep(2)

# 4.2 触发弹窗的元素button_confirm，完成dismiss()方法

# 4.2.1 定位confirm按钮，触发弹窗

el = driver.find_element_by_id("confirm")

el.click()

sleep(2)

# 4.2.2 获取弹窗(进入弹窗)

confirm = driver.switch_to.alert

# 4.2.3 获取弹窗文本值

print("弹窗文本值:", confirm.text)

# 4.2.4 点击弹窗取消按钮

confirm.dismiss()

sleep(2)

# 4.3 触发弹窗的元素button_prompt，完成send_keys("输入内容")方法

# 4.3.1 定位prompt按钮，触发弹窗

el = driver.find_element_by_id("prompt")

el.click()

sleep(2)

# 4.3.2 获取弹窗(进入弹窗)

prompt = driver.switch_to.alert

# 4.3.3 获取弹窗文本值

print("弹窗文本值:", prompt.text)

# 4.3.4 点击弹窗确定按钮

prompt.send_keys("怎么显示不了")

sleep(2)

# 4.3.5 点击弹窗确定按钮

prompt.accept()

sleep(2)

# 5.关闭浏览器

driver.quit()

注意：prompt弹窗输入框，Chrome不显示输入文本。

Python版本 3.7.7

  • Edge版本：18.18362，没有问题。
  • Firefox版本：76.0.1 (64 位)，没有问题。
  • Chrome版本：74.0.3729.131（正式版本）32位，有问题。

2、操作浏览器页面自定义弹窗

由于alert弹窗不美观，现在大多数网站都会使用自定义弹窗，使用Selenium自带的方法就驾驭不了了，此时就要搬出JS方法来进行处理。

（1）需求：

需求:去掉淘宝首页的自定义弹窗

淘宝首页的自定义弹窗如下：

提示：网页中弹出的对话框，也属于页面自定义弹窗，都可以用下面方式处理。

（2）实现方式：

大家能看到，上图中的这种弹窗就是自定义弹窗的表现形式，处理这种弹窗可以利用HTML、DOM、Style对象中的一个display属性来处理，可以设置元素如何被显示。

详细解释可以参考：http://www.w3school.com.cn/jsref/prop_style_display.asp。

将display的值设置成none：此元素不会被显示，就可以去除这个弹窗了。

注意：手动页面刷新之后还会出现弹窗。

步骤如下：

# JavaScript语法

js = 'document.getElementById("div_company_mini").style.display="none";'

# 使用Python执行JS语句

driver.execute_script(js1)

提示：

document.getElementById()是JS获取元素的方式，在JS获取元素方式中，就只有ById()获取的是一个元素。

其他获取元素的方式，都获取的是结果集，需要获取具体元素的时候，注意要使用索引。

简单举例：

  1. 通过ID获取（getElementById）
  2. 通过name属性（getElementsByName）
  3. 通过标签名（getElementsByTagName）
  4. 通过类名（getElementsByClassName）

（3）示例：

"""

1.学习目标:

    了解关闭web页面自定义弹窗

2.语法(操作步骤)

    2.1 找到自定义弹窗的元素,

        修改样式:tyle.display='none'

        display='none'表示不显示样式，目的是将弹窗隐藏

    2.2 操作步骤

        js = document.getElementById("id属性值").style.display="none"

        或者其他的JS获取元素方式

        driver.execute_script(js)

3.需求

    隐藏页面自定义弹窗

"""

# 1.导入selenium

from selenium import webdriver

from time import sleep

# 2.打开浏览器

driver = webdriver.Chrome()

# 3.打开页面

url = "https://www.taobao.com/"

driver.get(url)

sleep(5)

# 4.关闭自定义弹窗

js = 'document.querySelector("body > div.tbh-fixedtool.J_Module > div").style.display="none"'

driver.execute_script(js)

sleep(2)

# 5.关闭浏览器

driver.quit()

『心善渊』Selenium3.0基础 — 18、使用Selenium操作浏览器的弹窗的更多相关文章

  1. 『心善渊』Selenium3.0基础 — 17、Selenium操作浏览器窗口的滚动条

    目录 1.为什么操作滚动条 2.Selenium如何操作滚动条 3.Selenium操作滚动条方法 4.操作滚动条示例 5.下拉至聚焦元素的位置 (1)实现步骤: (2)实现示例: 1.为什么操作滚动 ...

  2. 『心善渊』Selenium3.0基础 — 12、Selenium操作鼠标和键盘事件

    目录 (一)对鼠标的操作 1.鼠标事件介绍 2.ActionChains 类鼠标操作的常用方法 3.perform()方法 4.鼠标事件操作步骤 5.示例 (1)右键单击.左键双击 (2)鼠标拖拽动作 ...

  3. 『心善渊』Selenium3.0基础 — 13、Selenium操作下拉菜单

    目录 1.使用Selenium中的Select类来处理下拉菜单(推荐) 2.下拉菜单对象的其他操作(了解) 3.通过元素二次定位方式操作下拉菜单(重点) (1)了解元素二次定位 (2)示例: 页面中的 ...

  4. 『心善渊』Selenium3.0基础 — 24、Selenium的expected_conditions模块详细介绍

    目录 1.EC模块介绍 2.EC模块常用类 3.EC模块的使用 4.EC模块综合使用 (1)title_is(title)示例 (2)presence_of_element_located(locat ...

  5. 『心善渊』Selenium3.0基础 — 11、Selenium对元素常用操作

    目录 1.Selenium对元素常用操作 2.Selenium对元素的其他操作 1.Selenium对元素常用操作 操作 说明 click() 单击元素 send_keys() 模拟输入 clear( ...

  6. 『心善渊』Selenium3.0基础 — 1、Selenium自动化测试框架介绍

    目录 1.Selenium介绍 2.Selenium的特点 3.Selenium版本说明 4.拓展:WebDriver与Selenium RC的区别 5.Webdriver工作原理 1.Seleniu ...

  7. 『心善渊』Selenium3.0基础 — 20、Selenium对Cookie的操作

    目录 1.Cookie介绍 2.Session介绍 3.Cookie工作原理图解 4.Cookie内容参数说明 5.Selenium操作Cookie的API 6.Selenium操作Cookie的示例 ...

  8. 『心善渊』Selenium3.0基础 — 2、Selenium测试框架环境搭建（Windows）

    目录 1.浏览器安装 2.浏览器驱动下载 (1)ChromeDriver for Chrome (2)Geckodriver for Firefox (3)IEDriverServer for IE ...

  9. 『心善渊』Selenium3.0基础 — 4、Selenium基础元素定位详解

    目录 1.什么是元素定位 2.Selenium元素定位常用API (1)By_id 定位 (2)by_name 定位 (3)by_class_name 定位 (4)by_tag_name 定位 (5) ...

随机推荐

  1. centos7下cups + samba共打印服务

    centos7下cups + samba共打印服务 2015年8月21日admin发表评论阅读评论   这个算是rhce课程的篇外篇,Samba除了提供文件共享外,也可以像windows下的共享一样提 ...

  2. GCC编译 C与C++ C89与C99

    1) 最初的 ANSI C 标准 (X3.159-1989) 在 1989 年被批准,并于 1990 年发布.稍后这个标准被接受为 ISO 标准 (ISO/IEC 9899:1990) .虽然 ISO ...

  3. Google Hacking 搜索引擎攻击与防范

    Google Hacking,有时也会被称为 Google dorking,是一种利用谷歌搜索的高级使用方式进行信息收集的技术.这个概念最早在2000年由黑客 Johnny Long 提出并推广,一系 ...

  4. 如何在 Docker 环境下自动给 .NET 程序生成 Dump

    前言 之前"一线码农"大佬有写文章介绍了如何在 windows 下自动 dump,正好手里有个在 docker 环境下 dump 的需求,所以在参考大佬文章的基础上,有了本篇. ​ ...

  5. MongoDB（12）- 查询嵌入文档的数组

    插入测试数据 db.inventory.insertMany( [ { item: "journal", instock: [ { warehouse: "A" ...

  6. [leetcode] 212. 单词搜索 II（Java）

    212. 单词搜索 II 这leetcode的评判机绝对有问题!!同样的代码提交,有时却超时!害得我至少浪费两个小时来寻找更优的答案= =,其实第一次写完的代码就可以过了,靠!!!第207位做出来的 ...

  7. GO文件读写03---使用缓冲读写实现视频文件的拷贝

    package main import ( "bufio" "fmt" "io" "os" ) /* ·使用缓冲读写实现 ...

  8. 给手绘图着色（添加颜色或色彩）：CVPR2020论文点评

    给手绘图着色(添加颜色或色彩):CVPR2020论文点评 Learning to Shade Hand-drawn Sketches 论文链接:https://arxiv.org/pdf/2002.1 ...

  9. 视觉SLAM技术应用

    视觉SLAM技术应用 SLAM技术背景 SLAM技术全称Simultaneous localization and mapping,中文为"同时定位与地图构建".SLAM可以在未知 ...

  10. OpenCV读写视频文件解析（二）

    OpenCV读写视频文件解析(二) VideoCapture::set 设置视频捕获中的属性. C++:bool VideoCapture::set(int propId, double value) ...