Python?Selenium如何切換瀏覽器的頁(yè)面

更新時(shí)間：2024年10月16日 10:41:24 作者：翠花上酸菜

這篇文章主要介紹了Python?Selenium如何切換瀏覽器的頁(yè)面的相關(guān)資料,在使用Selenium進(jìn)行網(wǎng)頁(yè)測(cè)試時(shí),跳轉(zhuǎn)頁(yè)面后常會(huì)出現(xiàn)無(wú)法定位元素的問(wèn)題,解決這一問(wèn)題的關(guān)鍵是學(xué)會(huì)在多個(gè)瀏覽器標(biāo)簽頁(yè)或窗口間切換,需要的朋友可以參考下

可是有時(shí)候從官網(wǎng)進(jìn)去，點(diǎn)擊跳轉(zhuǎn)到下一個(gè)頁(yè)面以后，卻沒(méi)法定位到下一個(gè)頁(yè)面的元素，這時(shí)候就需要在多個(gè)瀏覽器標(biāo)簽頁(yè)或窗口之間切換了，以下是切換瀏覽器頁(yè)面的方法，這里主要使用的是window_handles進(jìn)行切換：

1. 獲取所有標(biāo)簽頁(yè)句柄，并切換到特定標(biāo)簽頁(yè)：

如果是需要點(diǎn)擊頁(yè)面的某個(gè)元素進(jìn)入到下一頁(yè)，需要定位到跳轉(zhuǎn)下一個(gè)瀏覽器頁(yè)面的元素，點(diǎn)擊后，等待獲取所有的瀏覽器標(biāo)簽頁(yè)的句柄。

from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

# 創(chuàng)建WebDriver實(shí)例，指定WebDriver的路徑
driver = webdriver.Chrome(executable_path='path/to/chromedriver')

# 打開(kāi)目標(biāo)網(wǎng)頁(yè)
driver.get('https://XXX.com')

# 等待頁(yè)面加載完成，然后定位元素

element = WebDriverWait(driver, 10).until(EC.presence_of_element_located((By.XPATH, '')))
# 點(diǎn)擊元素
element.click()

# 等待新窗口打開(kāi)，獲取新窗口的句柄
WebDriverWait(driver, 10).until(lambda d: len(d.window_handles) > 1)

使用driver.window_handles來(lái)獲取當(dāng)前瀏覽器所有打開(kāi)的標(biāo)簽頁(yè)的句柄列表，這意味著可以看到當(dāng)前的瀏覽器有多少個(gè)頁(yè)面，最后以列表的形式呈現(xiàn)出來(lái)。

tabs = driver.window_handles
print(tabs)
print(len(tabs)) #打印列表的個(gè)數(shù)

接著使用driver.switch_to.window()方法，傳入標(biāo)簽頁(yè)句柄的位置，來(lái)切換到特定的標(biāo)簽頁(yè)。

driver.switch_to.window(tabs[1])  # 切換到第二個(gè)標(biāo)簽頁(yè)
driver.switch_to.window(tabs[2])  # 切換到第三個(gè)標(biāo)簽頁(yè)

在新標(biāo)簽頁(yè)中執(zhí)行完操作后，可以關(guān)閉它并返回到原來(lái)的標(biāo)簽頁(yè)，否則如果打開(kāi)過(guò)多，可能會(huì)導(dǎo)致計(jì)算機(jī)資源不足，從而影響其他應(yīng)用程序的性能，甚至可能導(dǎo)致瀏覽器或操作系統(tǒng)變慢或崩潰。

driver.close()  # 關(guān)閉當(dāng)前標(biāo)簽頁(yè)
driver.switch_to.window(tabs[0])  # 切換回第一個(gè)標(biāo)簽頁(yè)

2. 打開(kāi)新標(biāo)簽頁(yè)，并連接新的網(wǎng)址：

可以使用JavaScript來(lái)打開(kāi)一個(gè)新標(biāo)簽頁(yè)，并自動(dòng)切換到新的空白標(biāo)簽頁(yè)。

driver.execute_script("window.open();")

然后獲取新的標(biāo)簽頁(yè)句柄并切換：

new_tab = driver.window_handles[-1]  # 新標(biāo)簽頁(yè)通常是列表中的最后一個(gè)
driver.switch_to.window(new_tab)

然后連接目標(biāo)的網(wǎng)址，最后關(guān)閉這個(gè)窗口并返回到原來(lái)的標(biāo)簽頁(yè)。

driver.close()  # 關(guān)閉當(dāng)前標(biāo)簽頁(yè)
driver.switch_to.window(tabs[0])  # 切換回第一個(gè)標(biāo)簽頁(yè)

3.示例代碼

點(diǎn)擊網(wǎng)頁(yè)元素，實(shí)現(xiàn)跳轉(zhuǎn)的代碼：

from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

# 創(chuàng)建WebDriver實(shí)例，指定WebDriver的路徑
driver = webdriver.Chrome(executable_path='path/to/chromedriver')

# 打開(kāi)目標(biāo)網(wǎng)頁(yè)
driver.get('https://XXX.com')

# 等待頁(yè)面加載完成，然后定位元素

element = WebDriverWait(driver, 10).until(EC.presence_of_element_located((By.XPATH, '')))
# 點(diǎn)擊元素
element.click()

# 等待新窗口打開(kāi)，獲取新窗口的句柄
WebDriverWait(driver, 10).until(lambda d: len(d.window_handles) > 1) 

driver.switch_to.window(driver.window_handles[-1])  # 切換到新標(biāo)簽頁(yè)
#進(jìn)行下一步對(duì)新標(biāo)簽頁(yè)的操作，此部分自行編輯

# 關(guān)閉新標(biāo)簽頁(yè)并返回到原標(biāo)簽頁(yè)
driver.close()
driver.switch_to.window(driver.window_handles[0])  # 切換回原標(biāo)簽頁(yè)

# 關(guān)閉新窗口
driver.close()

# 最后，關(guān)閉瀏覽器
driver.quit()

新建空白窗口后，連接網(wǎng)址的代碼：

from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

# 創(chuàng)建WebDriver實(shí)例，指定WebDriver的路徑
driver = webdriver.Chrome(executable_path='path/to/chromedriver')

# 打開(kāi)目標(biāo)網(wǎng)頁(yè)
driver.get('https://XXX.com')
sleep(3)

driver.execute_script("window.open();")
driver.switch_to.window(driver.window_handles[-1])  # 切換到新窗口

# 在新窗口中進(jìn)行操作...
driver.get("http://www.XXX2.com")
sleep(3)

 # 切換回原標(biāo)簽頁(yè)
driver.switch_to.window(driver.window_handles[0]) 

# 關(guān)閉新窗口
driver.close()

# 最后，關(guān)閉瀏覽器
driver.quit()

請(qǐng)注意，不同的瀏覽器可能在處理標(biāo)簽頁(yè)和窗口時(shí)有細(xì)微的差別，在使用的過(guò)程中，注意瀏覽器的區(qū)別，上面使用的是谷歌瀏覽器。

附：定位單個(gè)網(wǎng)頁(yè)元素

1.1 通過(guò) id 定位網(wǎng)頁(yè)元素

import time
from selenium import webdriver
from selenium.webdriver import Keys
from selenium.webdriver.common.by import By

driver = webdriver.Chrome() # 打開(kāi) chrome 瀏覽器
driver.get("https://www.baidu.com/")

input = driver.find_element(By.ID,"kw")
input.send_keys('大數(shù)據(jù)就業(yè)前景')
input.send_keys(Keys.ENTER)
time.sleep(10)
driver.quit()

1.2 通過(guò) path 定位單個(gè)網(wǎng)頁(yè)元素

1）網(wǎng)頁(yè)對(duì)象path獲取方法

2）代碼案例

import time
from selenium import webdriver
from selenium.webdriver import Keys
from selenium.webdriver.common.by import By

driver = webdriver.Chrome() # 打開(kāi) chrome 瀏覽器
driver.get("https://www.baidu.com/")

input = driver.find_element("xpath","/html/body/div[1]/div[1]/div[5]/div/div/form/span[1]/input")
# 指定搜索欄中的內(nèi)容
input.send_keys("大數(shù)據(jù)就業(yè)前景")
# 相當(dāng)于回車鍵
input.send_keys(Keys.ENTER)
# 設(shè)置網(wǎng)頁(yè)停留時(shí)間
time.sleep(30)
driver.quit()