无法使用 Selenium 和 Python 在 ProtonMail 注册页面的用户名字段中输入

2022-01-10 00:00:00 python xpath css-selectors selenium-webdriver iframe

问题描述

您好，我正在尝试使用 Selenium 和 Python 为网站

我的代码如下:

BASE_URL = 'https://mail.protonmail.com/create/new?language=en'driver = webdriver.Chrome(executable_path='./drivers/chromedriver')driver.get(BASE_URL)river.find_element_by_xpath('//*[@id="username"]').send_keys('someStringValue')

执行以下代码后，出现错误:

selenium.common.exceptions.NoSuchElementException: Message: no such element: Unable to locate element: {"method":"xpath","selector":"//*[@id="username"]"}(会话信息:chrome=83.0.4103.97)

有什么建议吗?

解决方案

Email Address 字段位于 </code> 中，因此您必须:</p><ul><li><p>诱导 WebDriverWait 使所需的框架可用并切换到它.</p></li><li><p>诱导 WebDriverWait 使所需的元素可点击.</p></li><li><p>您可以使用以下任一</p><hr/><h2>参考</h2><p>您可以在以下位置找到相关讨论:</p><ul><li>iframe下#document的处理方式</li><li>通过 Selenium 和 python 切换到 iframe</li></ul><p>Hi I was trying to type the username field using Selenium and Python for the website https://mail.protonmail.com/create/new?language=en. </p> <p>From the developer tool, I am able to inspect the item using CSSSelector/Xpath or other way. But when I am running the pthon script its not working. Screenshot attached:</p> <p></p> <p>My code is like the following:</p><pre><code>BASE_URL = 'https://mail.protonmail.com/create/new?language=en' driver = webdriver.Chrome(executable_path='./drivers/chromedriver') driver.get(BASE_URL) river.find_element_by_xpath('//*[@id="username"]').send_keys('someStringValue') </code></pre><p>And after executing the following code, geetting the error: </p><pre><code>selenium.common.exceptions.NoSuchElementException: Message: no such element: Unable to locate element: {"method":"xpath","selector":"//*[@id="username"]"} (Session info: chrome=83.0.4103.97) </code></pre><p>Any suggestion?</p> 解决方案 <p>The Email Address field is within an <code><iframe></code> so you have to:</p> <ul> <li><p>Induce WebDriverWait for the desired frame to be available and switch to it.</p> </li> <li><p>Induce WebDriverWait for the desired element to be clickable.</p> </li> <li><p>You can use either of the following Locator Strategies:</p> </li> <li><p>Using <code>CSS_SELECTOR</code>:</p><pre><code> driver.get('https://mail.protonmail.com/create/new?language=en') WebDriverWait(driver, 10).until(EC.frame_to_be_available_and_switch_to_it((By.CSS_SELECTOR,"div.usernameWrap iframe[title='Registration form']"))) WebDriverWait(driver, 10).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "input.input#username"))).send_keys("FunnyBoss") </code></pre><p> </li> <li><p>Using <code>XPATH</code>:</p><pre><code> driver.get("https://mail.protonmail.com/create/new?language=en") WebDriverWait(driver, 10).until(EC.frame_to_be_available_and_switch_to_it((By.XPATH,"//div[@class='usernameWrap']//iframe[@title='Registration form']"))) WebDriverWait(driver, 10).until(EC.element_to_be_clickable((By.XPATH, "//input[@class='input' and @id='username']"))).send_keys("FunnyBoss") </code></pre><p> </li> <li><p>Note : You have to add the following imports :</p><pre><code> from selenium.webdriver.support.ui import WebDriverWait from selenium.webdriver.common.by import By from selenium.webdriver.support import expected_conditions as EC </code></pre><p> </li> <li><p>Browser Snapshot:</p> </li> </ul> <p></p> <hr /> <h2>Reference</h2> <p>You can find a relevant discussion in:</p> <ul> <li>Ways to deal with #document under iframe</li> <li>Switch to an iframe through Selenium and python</li> </ul> </div> <div class=""> <p><strong>相关文章</strong></p> </div> </article> </div> </main> <footer> <div class="container"> <p> <span>友情链接：</span> <a href="https://www.688576.com" target="_blank">雨伦博客</a>   <a href="https://www.yaanbbs.net" target="_blank">雅安论坛</a> </p> <a href="https://beian.miit.gov.cn" target="_blank">京ICP备15023317号-6</a> </div> </footer> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?30b42218aa13759c43de5f1971d0a93b"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>