Python+Selenium实现浏览器标签页的切换

目录
  • selenium 实现浏览器标签页句柄的切换
    • 浏览器标签页本地文件准备
    • 利用 selenium 实现浏览器页面的切换

在实际工作中，我们经常会遇到页面切换的情况。就比如当点击了某个功能的按钮后，浏览器出现了新的标签页，需要在这些标签页之间进行切换。要如何通过 selenium 来实现这样的场景呢？这就是我们今天要学习的内容。

selenium 实现浏览器标签页句柄的切换

浏览器标签页本地文件准备

这一段纯粹是因为内容太少，拿来凑字数的...

同样的，这里所使用的是我们本地的 multi.html 文件，点击该文件的 “register”，会跳转至 “www.baidu.com” 。

“multi.html” 文件的前端代码如下：

<html>
    <head>
      <meta http-equiv="content-type" content="text/html;charset=utf-8" />
      <title>Form</title>
      <script type="text/javascript" async="" src="jquery.min.js"></script>
      <link href="bootstrap-combined.min.css" rel="external nofollow"  rel="stylesheet" />
      <script src="bootstrap.min.js"></script>
    </head>
    <body>
      <h3>simple login form</h3>
      <form class="form-horizontal">
        <div class="control-group">
          <label class="control-label" for="inputEmail">Email</label>
          <div class="controls">
            <input type="text" id="inputEmail" placeholder="Email" name="email">
          </div>
        </div>
        <div class="control-group">
          <label class="control-label" for="inputPassword">Password</label>
          <div class="controls">
            <input type="password" id="inputPassword" placeholder="Password" name="password">
          </div>
        </div>
        <div class="control-group">
          <div class="controls">
            <label class="checkbox">
              <input type="checkbox"> Remember me
            </label>
            <button type="submit" class="btn">Sign in</button>
            <a href="https://www.baidu.com" rel="external nofollow"  target="_blank">register</a>
          </div>
        </div>
      </form>
    </body>
</html>

利用 selenium 实现浏览器页面的切换

获取浏览器标签页句柄方法如下：

current_window_handle 获取当前标签页的句柄

window_handles 获取所有标签页的句柄

代码示例如下：

# coding:utf-8

from time import sleep
from selenium import webdriver

driver = webdriver.Chrome()     # 启动 Chrome浏览器的 driver
driver.maximize_window()        # Chrome 浏览器最大化
driver.get('file:///Users/workspace/WEB_TEST_HTML/multi.html')   # 打开本地的 "multi.html" 文件
sleep(1)
first_window = driver.current_window_handle     # 通过 current_window_handle 属性获取当前标签页的句柄
driver.find_element_by_link_text('register').click()     # 通过 link_text 方法定位到 "register" 元素，执行点击操作（跳转百度）
sleep(2)
all_windows = driver.window_handles     # 通过 window_handles 属性获取当前所有标签页的句柄
for handle in all_windows:              # for 循环判断当前句柄是否是 first_window 句柄，如果不是则跳转至该句柄（该句柄为百度页面的句柄）
    if handle != first_window:
        driver.switch_to.window(handle)
        print("已跳转至 '百度' 标签页的句柄")
sleep(1)
driver.find_element_by_id('kw').send_keys('渴望力量的哈士奇')    # 在百度句柄页面的搜索框输入要百度的内容 "渴望力量的哈士奇"
sleep(1)
driver.find_element_by_id('su').click()     # 点击 "百度一下" 按钮
sleep(2)
driver.switch_to.window(first_window)       # 跳转至 "multi.html" 页面的句柄

email_element = driver.find_element_by_xpath('//*[@id="inputEmail"]')    # 通过 xpath 定位 Email 输入框。
email_element.send_keys('username')     # Email 输入框输入 "username"
sleep(1)
email_element.clear()                   # 清除 Email 输入框内容
sleep(1)
email_element.send_keys('admin')        # Email 输入框输入 "admin"
driver.find_element_by_xpath('//*[@id="inputPassword"]').send_keys('123456')    # Password 输入框输入 "123456"
sleep(1)
driver.find_element_by_xpath('/html/body/form/div[3]/div/button').click()
sleep(1)

driver.quit()

运行结果如下：

到此这篇关于Python+Selenium实现浏览器标签页的切换的文章就介绍到这了,更多相关Python Selenium浏览器标签页切换内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

赞 (0)

相关推荐

  • Selenium控制浏览器常见操作示例

    本文实例讲述了Selenium控制浏览器常见操作.分享给大家供大家参考,具体如下: Selenium是一个用于Web应用程序测试的工具.Selenium测试直接运行在浏览器中,就像真正的用户在操作一样.支持的浏览器包括IE(7, 8, 9, 10, 11),Mozilla Firefox,Safari,Google Chrome,Opera等.这个工具的主要功能包括:测试与浏览器的兼容性--测试你的应用程序看是否能够很好得工作在不同浏览器和操作系统之上.测试系统功能--创建回归测试检验软件功能和

  • Python之Selenium自动化浏览器测试详解

    Python之Selenium自动化浏览器测试详解

    目录 Python之Selenium(自动化浏览器测试) 1.安装selenium 2.下载对应版本的浏览器驱动 3.测试code,打开一个网页,并获取网页的标题 4.一个小样例 总结 Python之Selenium(自动化浏览器测试) 1.安装selenium pip install selenium -i https://pypi.tuna.tsinghua.edu.cn/simple 2.下载对应版本的浏览器驱动 http://npm.taobao.org/mirrors/chromedr

  • 浅谈Selenium 控制浏览器的常用方法

    1.自定义浏览器窗口大小或全屏 from selenium import webdriver import time driver = webdriver.Chrome() driver.get('https://www.baidu.com/') # 自定义窗口大小 driver.set_window_size(100, 200)#参数数字为像素点 print('现在是自定义大小展示') time.sleep(5)#睡5秒 显示一下效果 #全屏展示 driver.maximize_window(

  • python selenium 对浏览器标签页进行关闭和切换的方法

    1.关闭浏览器全部标签页 driver.quit() 2.关闭当前标签页(从标签页A打开新的标签页B,关闭标签页A) driver.close() 3.关闭当前标签页(从标签页A打开新的标签页B,关闭标签页B) 可利用浏览器自带的快捷方式对打开的标签进行关闭 Firefox自身的快捷键分别为: Ctrl+t 新建tab Ctrl+w 关闭tab Ctrl+Tab /Ctrl+Page_Up 定位当前标签页的下一个标签页 Ctrl+Shift+Tab/Ctrl+Page_Down 定位当前标签页的

  • Python+selenium实现浏览器基本操作详解

    Python+selenium实现浏览器基本操作详解

    目录 关闭 driver 启动的浏览器 浏览器最大化与设置浏览器窗口大小 浏览器最大化 设置浏览器窗口大小 浏览器的前进.后退与刷新页面 关闭 driver 启动的浏览器 上一章节文末,我们介绍了关于两种关闭浏览器的方式,这里不做过多的复述.(实在是这一章节的内容太少了) 在 selenium 中,提供了两种关闭 driver 启动的浏览器的方式: close() 方法:该方法可以关闭浏览器,但是它关闭的只是浏览器的窗口,由 driver 启动的浏览器的进程依然还在,会占用一定的资源. quit

  • Python+Selenium实现浏览器标签页的切换

    Python+Selenium实现浏览器标签页的切换

    目录 selenium 实现浏览器标签页句柄的切换 浏览器标签页本地文件准备 利用 selenium 实现浏览器页面的切换 在实际工作中,我们经常会遇到页面切换的情况.就比如当点击了某个功能的按钮后,浏览器出现了新的标签页,需要在这些标签页之间进行切换.要如何通过 selenium 来实现这样的场景呢?这就是我们今天要学习的内容. selenium 实现浏览器标签页句柄的切换 浏览器标签页本地文件准备 这一段纯粹是因为内容太少,拿来凑字数的... 同样的,这里所使用的是我们本地的 multi.h

  • 全面解析标签页的切换方式

    标签页的切换方式如下所示: 1.控制tab的显示与隐藏 2.tab不切换,数据加载 控制tab的显示与隐藏 前端脚本: 1.jquery实现: $(function(){ $(".sdkj-tabs li").click(function() { $(this).addClass("on").siblings().removeClass("on"); var index=$(".sdkj-tabs li").index(thi

  • Python+selenium 获取浏览器窗口坐标、句柄的方法

    1.0 获取浏览器窗口坐标 python目录可找到Webdriver.py 文件定义了get_window_rect()函数,可获取窗口的坐标和大小(长宽),但出现"Command not found"的情况.set_window_rect()函数也一样. def get_window_rect(self): """ Gets the x, y coordinates of the window as well as height and width of

  • JS实现仿饿了么在浏览器标签页失去焦点时网页Title改变

    说在前面:必须是基于支持H5的浏览器才可以 这个 API 本身非常简单,由以下三部分组成. document.hidden:表示页面是否隐藏的布尔值.页面隐藏包括 页面在后台标签页中 或者 浏览器最小化 (注意,页面被其他软件遮盖并不算隐藏,比如打开的 sublime 遮住了浏览器). document.visibilityState:表示下面 4 个可能状态的值 hidden:页面在后台标签页中或者浏览器最小化 visible:页面在前台标签页中 prerender:页面在屏幕外执行预渲染处理

  • Bootstrap实现的标签页内容切换显示效果示例

    本文实例讲述了Bootstrap实现的标签页内容切换显示效果.分享给大家供大家参考,具体如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Bootstrap 实例 - 标签页(Tab)插件</title> <link hre

  • 教你怎么用Python selenium操作浏览器对象的基础API

    前言 相比于高大上的各种Selenium进阶指南,个人认为夯实基础至关重要. 在Selenium测试框架的API中,主要分为三大类: 1.对浏览器本身的相关操作. 2.对浏览器页面中,元素的定位操作. 3.对浏览器页面中元素进行定位后,对该元素的一些操作.如:点击.输入等操作. 我们本篇文章先说说Selenium框架对浏览器对象的基础操作. 一.导入Selenium库 # 导入Selenium驱动 from selenium import webdriver 二.创建浏览器对象 即:打开一个浏览

  • AngularJS标签页tab选项卡切换功能经典实例详解

    AngularJS标签页tab选项卡切换功能经典实例详解

    本文实例讲述了AngularJS实现标签页tab选项卡功能.分享给大家供大家参考,具体如下: 选项卡一: JavaScript+html+css <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>www.jb51.net js标签页tab切换</title> <style> #div1 .active{ background:blue

  • Bootstrap开发中Tab标签页切换图表显示问题的解决方法

    Bootstrap开发中Tab标签页切换图表显示问题的解决方法

    前言 在做响应式页面的时候,往往需要考虑更多尺寸设备的界面兼容性,一般不能写死像素,以便能够使得界面元素能够根据设备的不同进行动态调整,但往往有时候还是碰到一些问题,如Tab标签第一页面正常显示,但是切换其他页面的时候显示内容没有发生动态的调整,本篇随笔介绍解决Tab标签页切换图表显示问题,以及图表控件可以实现窗口动态变化进行调整尺寸. 1)常规的图表处理 例如下面界面有两个Tab标签页,如下所示,第一个标签页显示正常. 部分界面代码如下所示 <div class="portlet-bod

随机推荐