你如何修复元素不可交互异常：python selenium

Question

我正在尝试为www.kith.com 编写一个机器人我刚刚完成了卡号，现在我在卡上的名字上。我找到了 xpath，但它说元素不可交互。

代码：

driver = webdriver.Chrome(executable_path=r'C:\webdrivers\Chromedriver.exe')

driver.get('https://kith.com/products/kith-women-x-coca-cola-cropped-camp-collar-ivory-multi')
     
    #size
driver.find_element_by_xpath('//div[@data-value="M"]').click()
    
    #ATC
driver.find_element_by_xpath('//button[@class="btn product-form__add-to-cart"]').click()
time.sleep(6)
    
    #checkout
driver.find_element_by_xpath('//button[@class="btn ajaxcart__checkout"]').click()
time.sleep(3)
    
    #email
driver.find_element_by_xpath('//input[@placeholder="Email"]').send_keys('example@gmail.com')
    
    #first
driver.find_element_by_xpath('//input[@placeholder="First name"]').send_keys('first')
    
    #last
driver.find_element_by_xpath('//input[@placeholder="Last name"]').send_keys('last')
    
    #address
driver.find_element_by_xpath('//input[@placeholder="Address"]').send_keys('address')
    
    #city
driver.find_element_by_xpath('//input[@placeholder="City"]').send_keys('city')
    
    #zip
driver.find_element_by_xpath('//input[@placeholder="ZIP code"]').send_keys('99999')
    
    #phone number
driver.find_element_by_xpath('//input[@placeholder="Phone"]').send_keys('9999999999' + u'\ue007')
time.sleep(5)

    #continue to payment
driver.find_element_by_xpath('//button[@type="submit"]').click()
time.sleep(8)
    
   #payment page 
driver.switch_to.frame(driver.find_element_by_class_name("card-fields-iframe"))
driver.find_element_by_id("number").send_keys('1234')
driver.find_element_by_id("number").send_keys('1234')
driver.find_element_by_id("number").send_keys('1234')
driver.find_element_by_id("number").send_keys('1234')
driver.find_element_by_xpath('//input[@id="name"]').send_keys("jake d")

最后一行出现错误。

Answer 1

你必须处理 4 个iframes。例如，对于Name on card，您可以使用：

driver.switch_to.frame(driver.find_element_by_xpath("//iframe[contains(@title,'Name on card')]"))
driver.find_element_by_xpath("//input[@data-current-field]").send_keys('1234')
driver.switch_to.default_content()

最后一行用于切换回主要内容。对于 4 个 iframe，选择 input 元素的 XPath 始终相同。

旁注：您应该使用Selenium EC（预期条件）而不是time.sleep。要定位 4 个 iframe 并发送您的击键，您可以使用以下方法。

进口：

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

代码：

WebDriverWait(driver, 10).until(EC.frame_to_be_available_and_switch_to_it(By.XPATH,"//iframe[contains(@title,'Card number')]"))
WebDriverWait(driver, 10).until(EC.element_to_be_clickable((By.XPATH, "//input[@data-current-field]"))).send_keys('1234')
driver.switch_to.default_content()

WebDriverWait(driver, 10).until(EC.frame_to_be_available_and_switch_to_it(By.XPATH,"//iframe[contains(@title,'Name on card')]"))
WebDriverWait(driver, 10).until(EC.element_to_be_clickable((By.XPATH, "//input[@data-current-field]"))).send_keys('john')
driver.switch_to.default_content()

WebDriverWait(driver, 10).until(EC.frame_to_be_available_and_switch_to_it(By.XPATH,"//iframe[contains(@title,'Expiration date')]"))
WebDriverWait(driver, 10).until(EC.element_to_be_clickable((By.XPATH, "//input[@data-current-field]"))).send_keys('1123')
driver.switch_to.default_content()

WebDriverWait(driver, 10).until(EC.frame_to_be_available_and_switch_to_it(By.XPATH,"//iframe[contains(@title,'Security code')]"))
WebDriverWait(driver, 10).until(EC.element_to_be_clickable((By.XPATH, "//input[@data-current-field]"))).send_keys('1234')
driver.switch_to.default_content()