WebDriver控制Chrome时无法触发按钮完成戴尔保修查询

问题描述 #

需求是用VBA结合Selenium实现自动化办公：从Excel读取设备序列号（SN），打开戴尔法国区支持页面输入SN查询保修到期日期，再回填到Excel。
当前脚本能成功输入SN，但触发查询按钮点击后页面一直转圈，无法完成查询；手动点击该按钮则能正常查询。已尝试通过JS启用按钮并触发点击，问题仍未解决，且暂不考虑使用戴尔API。

用户提供的VBA代码如下：

Sub CheckDellWarranty()
    ' Set up Selenium
    Dim driver As New WebDriver
    driver.Start "chrome"

    ' Navigate to the specific URL
    driver.Get "https://www.dell.com/support/home/fr-fr?app=products"

    ' Wait for Chrome to load
    driver.wait 3000

    ' Get the value of the currently selected cell in Excel
    Dim cellValue As String
    cellValue = Application.ActiveCell.value

    ' Insert the value into the specified field using XPath
    Dim inputElement As WebElement
    Set inputElement = driver.FindElementByXPath("/html/body/div[5]/div/div[3]/div[1]/div/div/div[2]/div[1]/div[1]/div[1]/div/div/form/input")
    inputElement.SendKeys cellValue

    ' Enable the search button
    driver.ExecuteScript "document.getElementById('btn-entry-select').disabled = false;"

    ' Find the search button by its ID
    Dim searchButton As WebElement
    Set searchButton = driver.FindElementById("btn-entry-select")

    ' EVEN THOUGH IT CLICKS, THE BUTTON JUST SPINS AND WILL NOT SEARCH. WHEN I OPEN CHROME MANUALLY, THE CLICK ACTION ACTUALLY FINDS THE SN.

    If Not searchButton Is Nothing Then
        ' Use JavaScript to trigger the click event on the search button
        driver.ExecuteScript "arguments[0].click();", searchButton
    Else
        MsgBox "Failed to locate the button."
    End If
    Stop
End Sub

解决思路 #

• 替换固定等待为显式等待
  原代码的driver.wait 3000是固定时长等待，页面加载完成时间不稳定，容易导致操作时机过早。改用显式等待元素可交互，确保页面元素完全初始化后再操作：

  ' 等待输入框可见且可交互，超时10秒
  driver.WaitUntil driver.FindElementByXPath("//input[@placeholder='Entrez un numéro de service, un code de service rapide ou un numéro de série']").IsDisplayed, 10000
  

• 模拟回车触发查询
  手动输入SN后按回车也能触发查询，可绕开按钮点击的问题，在输入SN后添加：

  inputElement.SendKeys Keys.Enter
  

• 优化元素定位方式
  原输入框用的是绝对XPath，页面结构变化就会失效，换成相对定位更稳定：

  • 输入框：//input[@placeholder='Entrez un numéro de service, un code de service rapide ou un numéro de série']（匹配戴尔法国区页面的输入框占位符）
  • 查询按钮：//button[@id='btn-entry-select']

• 等待按钮自然可用，避免强制启用
  按钮禁用通常是页面未完成初始化或SN格式校验未通过，先等待按钮自然变为可用状态，而非强制启用：

  ' 等待查询按钮变为可用，超时10秒
  driver.WaitUntil Not driver.FindElementById("btn-entry-select").IsDisabled, 10000
  

• 使用原生点击而非JS触发
  先将按钮滚动到视口内，再用Selenium原生点击方法，更贴近手动操作：

  driver.ExecuteScript "arguments[0].scrollIntoView(true);", searchButton
  searchButton.Click
  

内容的提问来源于stack exchange，提问作者Karel