使用 Selenium 在网页上找不到元素

Question

我正在尝试构建一个机器人，它会在我运行时为我预订 class。

但我对如何进行感到困惑。

我正在使用 Python 和带有 Chromedriver 的 Selenium 在页面中加载。

下一步是点击登录按钮，添加我的数据，登录然后导航页面找到正确的class。

我对此很陌生，所以它可能非常明显，但我无法理解。

我正在运行宁此代码：

from selenium import webdriver
from selenium.webdriver.common.keys import Keys

d = webdriver.Chrome()

d.get("http://www.360functionalfitness.se/boka-pass/")

elem = d.find_element_by_name("showLogin")

出现以下错误：

python3.9/site-packages/selenium/webdriver/remote/errorhandler.py", line 242, in check_response
    raise exception_class(message, screen, stacktrace)
selenium.common.exceptions.NoSuchElementException: Message: no such element: Unable to locate element: {"method":"css selector","selector":"[name="showLogin"]"}
  (Session info: chrome=87.0.4280.141)

我看了很多书，还是不知道如何识别该死的按钮。

这是我认为我应该查看以找到相关信息的区块：

<li ng-if="!member" class="ng-scope">
            <a href="" ng-click="showLogin()" toggle-off-canvas=""><i class="fa fa-sign-in"><span class="icon-bg bg-darkgreen"></span></i><span class="ng-binding">Logga in</span></a>
        </li>

任何指示都会非常有帮助。

Answer 1

文本为 Logga in 的元素在 <iframe> 中，因此您必须：

诱导 WebDriverWait 所需的 帧可用并切换到它.
诱导所需的 元素可点击。

您可以使用以下任一项:

使用CSS_SELECTOR:

driver.get("http://www.360functionalfitness.se/boka-pass/")
WebDriverWait(driver, 20).until(EC.frame_to_be_available_and_switch_to_it((By.CSS_SELECTOR,"iframe[src^='https://crossfitmalmo.gymsystem.se/member#/schedule']")))
WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "a[ng-click^='showLogin'] span.ng-binding"))).click()

使用XPATH:

driver.get("http://www.360functionalfitness.se/boka-pass/")
WebDriverWait(driver, 20).until(EC.frame_to_be_available_and_switch_to_it((By.XPATH,"//iframe[starts-with(@src, 'https://crossfitmalmo.gymsystem.se/member#/schedule')]")))
WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//a[starts-with(@ng-click, 'showLogin')]//span[@class='ng-binding']"))).click()

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

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

浏览器快照：

参考

您可以在以下位置找到一些相关讨论：

Switch to an iframe through Selenium and python

使用 Selenium 在网页上找不到元素

Can't find element on webpage with Selenium

python

xpath

css-selectors

selenium-webdriver

webdriverwait

参考