『心善渊』Selenium3.0基础 — 22.浏览器弹窗操作

1、浏览器自带弹窗操作

说明:

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

常用操作:

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

示例:

页面代码片段:

<!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方法来进行处理。

需求:

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

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


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

实现方式:

大家能看到,上图中的这种弹窗就是自定义弹窗的表现形式,处理这种弹窗可以利用HTMLDOMStyle对象中的一个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)

示例:

"""
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()
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,053评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,527评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,779评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,685评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,699评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,609评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,989评论 3 396
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,654评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,890评论 1 298
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,634评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,716评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,394评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,976评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,950评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,191评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,849评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,458评论 2 342