如何使用Selenium Python单击无头中的按钮和按钮内部有div标签?

Question

使用此代码，无需无头 appproch。 网站链接： https://www.na-kd.com/en/sweaters?sortBy=popularity&count=108

try:
element = self.driver.find_element_by_xpath('//*[@id="container"]/div/div/div[3]/div/div[4]/div/div[1]/div[2]/div[1]/button')
self.driver.execute_script("arguments[0].click();", element)
except Exception as e:
print('Error in clicking BTN : '+str(e))

因为这个 btn 内部有div 标签，所以它不适用于无头和虚拟显示。

我也尝试等待：

try:
element=WebDriverWait(self.driver, 20).until(
EC.element_to_be_clickable((By.XPATH, '//*[@id="container"]/div/div/div[3]/div/div[4]/div/div[1]/div[2]/div[1]/button')))
self.driver.execute_script("arguments[0].click();", element)
except Exception as e:
print('Error in clicking BTN : '+str(e))

chromedriver --version
ChromeDriver 78.0.3904.70
谷歌浏览器 78.0.3904.108

Answer 1

触发任何事件时使用无头模式 添加窗口大小(( 因为无头浏览器无法识别在没有窗口大小的情况下单击的位置。

单击Load more products按钮诱导WebDriverWait((并等待element_to_be_clickable((并使用以下xpath

要验证是否单击按钮，只需向下滚动页面并从div 标签中获取值。

from selenium import webdriver
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.common.by import By
import time
# Headless option with window-size()
chrome_options = webdriver.ChromeOptions()
chrome_options.add_argument('--headless')
chrome_options.add_argument('window-size=1920x1080');
driver = webdriver.Chrome(chrome_options=chrome_options)
driver.get("https://www.na-kd.com/en/sweaters?sortBy=popularity&count=108&ssr=on&loadfailure=1")
# Load more products button  
element=WebDriverWait(driver,10).until(EC.element_to_be_clickable((By.XPATH,"//button[.//div[text()='Load more products']]")))
driver.execute_script("arguments[0].click();", element)
# To verify that whether button is clicked or not
driver.execute_script("window.scrollTo(0, document.body.scrollHeight);")
time.sleep(2) #wait for page to load
print(WebDriverWait(driver, 10).until(EC.element_to_be_clickable((By.XPATH, "//div[@class='qa6 qmz qn0']"))).text)