Selenium 无法在 instagram 授权页面上按名称找到元素答案

【问题标题】：Selenium cannot find element by name on instagram autorisation pageSelenium 无法在 instagram 授权页面上按名称找到元素
【发布时间】：2022-01-23 02:17:30
【问题描述】：

尝试使用 selenium 处理 instagram 自动化页面上的用户名输入字段时，我得到了意外的结果。

代码：

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

patch = r'{patch to driver}'
driver = webdriver.Chrome(patch)
driver.get('https://api.instagram.com/oauth/authorize?client_id=965975207687609&redirect_uri=https://6b4c-46-39-51-57.ngrok.io/autos/index.php/&scope=user_profile,user_media&response_type=code')
elem = driver.find_element(By.NAME, 'username')

页面驱动被重定向到：https://www.instagram.com/accounts/login/?force_authentication=1&enable_fb_login=1&next=/oauth/authorize%3Fclient_id%3D965975207687609%26redirect_uri%3Dhttps%3A//6b4c-46-39-51-57.ngrok.io/autos/index.php/%26scope%3Duser_profile%2Cuser_media%26response_type%3Dcode 并且此页面上肯定有元素名称“用户名”，但我收到了一堆错误消息：

C:\Users\digit\AppData\Roaming\Microsoft\Windows\Start Menu\Programs\Python 3.10\gitdir\api\insta_api.py:54: DeprecationWarning: executable_path has been deprecated, please pass in a Service object   driver = webdriver.Chrome(patch)
DevTools listening on ws://127.0.0.1:58299/devtools/browser/8fd4d931-7cc4-4070-b3f6-3a6a0df9769e Traceback (most recent call last):   File "C:\Users\digit\AppData\Roaming\Microsoft\Windows\Start Menu\Programs\Python 3.10\gitdir\api\insta_api.py", line 64, in <module>
    elem = driver.find_element(By.NAME, 'username')   File "C:\Users\digit\AppData\Local\Programs\Python\Python310\lib\site-packages\selenium\webdriver\remote\webdriver.py", line 1244, in find_element
    return self.execute(Command.FIND_ELEMENT, {   File "C:\Users\digit\AppData\Local\Programs\Python\Python310\lib\site-packages\selenium\webdriver\remote\webdriver.py", line 424, in execute
    self.error_handler.check_response(response)   File "C:\Users\digit\AppData\Local\Programs\Python\Python310\lib\site-packages\selenium\webdriver\remote\errorhandler.py", line 247, 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="username"]"}   (Session info: chrome=97.0.4692.71)

【问题讨论】：

标签： python selenium xpath css-selectors instagram-api

【解决方案1】：

Instagram Login Page 上的 用户名 字段是 ReactJS 元素。因此，要发送字符序列，您必须为element_to_be_clickable() 诱导WebDriverWait，您可以使用以下任一Locator Strategies：

使用CSS_SELECTOR：

driver.get('https://api.instagram.com/oauth/authorize?client_id=965975207687609&redirect_uri=https://6b4c-46-39-51-57.ngrok.io/autos/index.php/&scope=user_profile,user_media&response_type=code')
WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "input[name='username']"))).send_keys("Ignat")

使用XPATH：

driver.get('https://api.instagram.com/oauth/authorize?client_id=965975207687609&redirect_uri=https://6b4c-46-39-51-57.ngrok.io/autos/index.php/&scope=user_profile,user_media&response_type=code')
WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//input[@name='username']"))).send_keys("Ignat")

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

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

【讨论】：