Python+Selenium實現(xiàn)瀏覽器標簽頁的切換

更新時間：2022年06月09日 08:47:45 作者：渴望力量的哈士奇

在實際工作中，我們經常會遇到頁面切換的情況。就比如當點擊了某個功能的按鈕后，瀏覽器出現(xiàn)了新的標簽頁，需要在這些標簽頁之間進行切換。本文將利用Selenium實現(xiàn)這一功能，需要的可以參考一下

在實際工作中，我們經常會遇到頁面切換的情況。就比如當點擊了某個功能的按鈕后，瀏覽器出現(xiàn)了新的標簽頁，需要在這些標簽頁之間進行切換。要如何通過 selenium 來實現(xiàn)這樣的場景呢？這就是我們今天要學習的內容。

selenium 實現(xiàn)瀏覽器標簽頁句柄的切換

瀏覽器標簽頁本地文件準備

這一段純粹是因為內容太少，拿來湊字數的...

同樣的，這里所使用的是我們本地的 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  rel="external nofollow"  target="_blank">register</a>
          </div>
        </div>
      </form>
    </body>
</html>

利用 selenium 實現(xiàn)瀏覽器頁面的切換

獲取瀏覽器標簽頁句柄方法如下：

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" 元素，執(zhí)行點擊操作（跳轉百度）
sleep(2)
all_windows = driver.window_handles     # 通過 window_handles 屬性獲取當前所有標簽頁的句柄
for handle in all_windows:              # for 循環(huán)判斷當前句柄是否是 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()

運行結果如下：