Selenium 驱动的浏览器显示不同的 HTML 代码

Question

我不是一个非常有经验的编码员，如果我说愚蠢的话，我深表歉意。

我正在使用 Python（在 Spyder 中）让 Selenium 填写包含用户名和密码的网站表单。这是目标 - link。

当我在常规浏览器中按 F12 查找“用户名”元素时，我得到以下信息：

<input class="slds-input input" type="text" aria-describedby="" placeholder="Username" id="172:0" data-aura-rendered-by="176:0" data-interactive-lib-uid="2">

所以我尝试使用 ID 定位元素。但是，当我运行脚本时，我在 Chrome 中收到以下错误：

NoSuchElementException: no such element: Unable to locate element: {"method":"css selector","selector":"[id="172:0"]"}

当我在 Firefox 中运行它时也是这样：

NoSuchElementException: Unable to locate element: [id="172:0"]

当我在 Selenium 驱动的浏览器中查看 HTML 时，我可以看到页面代码（即元素 ID）不同，如下所示

<input class="slds-input input" type="text" aria-describedby="" placeholder="Username" id="78:2;a" data-aura-rendered-by="82:2;a" data-interactive-lib-uid="2">

我最好的猜测是 HTML 代码的差异是错误的原因。我发现人们发布了类似的问题，但略有不同，我无法使用那里提出的解决方案来解决我的问题。如果有人可以帮助我处理我的案子，我将不胜感激。

Answer 1

使用 xpath 而不是 id，因为它会动态变化

用户名的 Xpath：//label/following-sibling::input

密码的 Xpath：//lightning-input//div//input

在java中工作的示例工作代码在python中使用上面的xpath进行转换，并在启动网站之前添加implicitlyWait和pageLoadTimeout

        WebDriver driver = new ChromeDriver();      
        driver.manage().timeouts().pageLoadTimeout(10, TimeUnit.SECONDS);
        driver.manage().timeouts().implicitlyWait(10, TimeUnit.SECONDS);
        driver.get("https://lta-tennis.force.com/"); // WebElement
        driver.findElement(By.xpath("//label/following-sibling::input")).sendKeys("dummy");
        driver.findElement(By.xpath("//lightning-input//div//input")).sendKeys("dummy");
        System.out.println(driver.getTitle());

编辑 1：基于 OP 评论 这是工作xpath

Answer 2

试试这些 xpaths

//input[@placeholder="Username"]
//input[@placeholder="Password"]

这是完整的代码

from selenium import webdriver
import time
browser = webdriver.Chrome('C:\\driverpath\\chromedriver.exe')
url = 'https://lta-tennis.force.com/s/login/'
get = browser.get(url)
time.sleep(5)
browser.find_element_by_xpath('//input[@placeholder="Username"]').send_keys('hello')
browser.find_element_by_xpath('//input[@placeholder="Password"]').send_keys('pass')