除非我手动滚动浏览器实例，否则为什么会出现错误“元素无法滚动到视图中”？

Question

我写了一个 python 脚本，它可以访问一个站点，并与一些下拉菜单进行交互。 如果在我运行脚本后快速使浏览器实例全屏显示以便元素可见，则效果非常好。 如果我不这样做，我会收到错误消息“无法将元素滚动到视图中”。

这是我的脚本：

 from selenium import webdriver driver = webdriver.Firefox() driver.get("https://example.com") driver.implicitly_wait(5) yearbtn = driver.find_element("id", "dropdown_year") yearbtn.click() year = driver.find_element("css selector", '#dropdown_ul_year li:nth-child(5)') year.click() makebtn = driver.find_element("id", "dropdown_make") makebtn.click() make = driver.find_element("css selector", '#dropdown_ul_make li:nth-child(2)') make.click() modelbtn = driver.find_element("id", "dropdown_model") modelbtn.click() model = driver.find_element("css selector", '#dropdown_ul_model li:nth-child(2)') model.click() trimbtn = driver.find_element("id", "dropdown_trim") trimbtn.click() trim = driver.find_element("css selector", '#dropdown_ul_trim li:nth-child(2)') trim.click() vehicle = driver.find_element("css selector", '#vehiclecontainer > div > p') vdata = driver.find_element("css selector", '.top-sect.tow-row:nth-child(2)') print("--------------") print("Your Vehicle: " + vehicle.text) print("Vehicle Data: " + vdata.text) print("--------------") print("") driver.close()

就像我说的那样，如果我让浏览器全屏显示（或手动滚动）以便可以查看相关元素，效果会很好。 它找到了元素，那么这里的问题是什么？ 我已经尝试过 Firefox 和 Chrome。

Answer 1

一般firefox以最大化模式打开。 如果没有特定版本的操作系统，最佳做法是以最大化模式打开它，如下所示：

from selenium import webdriver
from selenium.webdriver.firefox.options import Options

options = Options()
options.add_argument("start-maximized")
driver = webdriver.Firefox(options=options)

然而，在某些情况下，所需的元素可能无法在适当的粗糙范围内呈现，因此您需要为visibility_of_element_located()引入WebDriverWait并且您可以使用以下任一定位器策略：

vehicle = WebDriverWait(driver, 20).until(EC.visibility_of_element_located((By.CSS_SELECTOR, "#vehiclecontainer > div > p")))
vdata = WebDriverWait(driver, 20).until(EC.visibility_of_element_located((By.CSS_SELECTOR, ".top-sect .tow-row:nth-child(2)")))

print("--------------")
print("Your Vehicle: " + vehicle.text)
print("Vehicle Data: " + vdata.text)
print("--------------")
print("")

• 注意：您必须添加以下导入：

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

您可以在How to retrieve the text of a WebElement using Selenium - Python中找到相关讨论

Answer 2

我不确定相关页面上发生了什么。 我使用一种通用方法来处理常见操作，例如 click()、find() 等，其中包含等待、滚动以及对该操作有用的任何其他操作。 我在下面举了一个例子。 它等待元素可点击（始终是最佳实践），滚动到该元素，然后点击它。 您可能希望根据您的特定用途对其进行调整，但它会让您指向正确的方向。

def click(self, locator):
    element = WebDriverWait(driver, 20).until(EC.element_to_be_clickable(locator))
    driver.execute_script("arguments[0].scrollIntoView();", element)
    element.click()

我建议您试试这个，然后将所有点击转换为使用此方法，看看是否有帮助，例如

click((By.ID, "dropdown_year"))

或者

locator = (By.ID, "dropdown_year")
click(locator)