本文详解如何在 selenium 中可靠点击伦敦证券交易所动态渲染页面中带 `.clickable.td-with-link` 类的 `
在自动化抓取伦敦证券交易所（LSE）Price Explorer 页面（如 Bonds 分类页）时，直接调用 click() 失败是常见问题。根本原因并非代码逻辑错误，而是页面存在三层阻断机制：① 首次访问强制弹出 Cookie 同意横幅；② 表格数据通过 Angular 动态异步加载，<tbody> 初始为空或含 class="disabled" 占位符；③ 可点击 <td> 实际包裹在 <span class="ellipsed"> 内，直接对 <td> 调用 click() 常因事件委托失效或遮挡而失败。
以下为经过实测验证的稳健解决方案，采用显式等待 + 精准定位 + 安全交互策略：
✅ 步骤一：显式等待并接受 Cookie 弹窗
Cookie 横幅会阻塞后续所有元素交互。需先定位并点击「Accept All Cookies」按钮（XPath 稳定性较高，但建议配合 WebDriverWait 防止过早查找）：
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.chrome.service import Service
from selenium.webdriver.chrome.options import Options
options = Options()
options.add_argument("--start-maximized")
driver = webdriver.Chrome(options=options)
wait = WebDriverWait(driver, 15) # 延长超时至15秒，适应慢速网络
url = "https://www.php.cn/link/12b71d68d0493e7ac7c5e0558c0a498e"
driver.get(url)
# 等待并点击 Cookie 接受按钮（关键前置步骤）
try:
accept_btn = wait.until(
EC.element_to_be_clickable((By.XPATH, "//button[contains(text(), 'Accept All Cookies')]"))
)
accept_btn.click()
print("✅ Cookie banner accepted.")
except Exception as e:
print("⚠️ Cookie banner not found or not clickable — proceeding anyway.")注意：避免使用绝对 XPath（如 /html/body/div/div[2]/...），因其极易因页面结构微调而失效。优先选择含语义文本（如 "Accept All Cookies"）的相对 XPath 或 CSS 选择器。
✅ 步骤二：等待动态表格真实数据加载完成
目标表格 #price-explorer-results-wrapper 加载后，其 <tbody> 内部仍可能处于 class="disabled" 状态（即占位符）。需等待首个可点击的公司名称 <span> 出现且可见：
# 等待表格主体（tbody）内出现至少一个有效的 instrument-name span
first_company_span = wait.until(
EC.visibility_of_element_located((
By.CSS_SELECTOR,
"table#price-explorer-results-wrapper tbody tr.slide-panel td.instrument-name.gtm-trackable.td-with-link span.ellipsed"
))
)
print(f"✅ Found first company: {first_company_span.text.strip()}")✅ 步骤三：安全点击公司名称并跳转详情页
直接对 <td> 调用 click() 易失败，应定位内部 <span> 并确保其可点击、无遮挡。推荐使用 ActionChains 模拟真实用户操作（滚动+点击），并捕获新窗口句柄：
from selenium.webdriver.common.action_chains import ActionChains
# 获取所有公司名称 span 元素（非 td！）
company_spans = driver.find_elements(
By.CSS_SELECTOR,
"table#price-explorer-results-wrapper tbody tr.slide-panel td.instrument-name.gtm-trackable.td-with-link span.ellipsed"
)
for i, span in enumerate(company_spans[:3]): # 示例：仅处理前3家公司
try:
# 滚动到元素顶部，消除遮挡
driver.execute_script("arguments[0].scrollIntoView({block: 'center'});", span)
wait.until(EC.element_to_be_clickable(span))
# 使用 ActionChains 点击（比 span.click() 更鲁棒）
ActionChains(driver).move_to_element(span).click().perform()
# 等待新窗口打开并切换
wait.until(lambda d: len(d.window_handles) > 1)
driver.switch_to.window(driver.window_handles[-1])
# 此处可开始解析公司详情页（如 https://www.londonstockexchange.com/stock/957X/3i-group-plc/company-page）
print(f"✅ Navigated to detail page for: {span.text.strip()}")
# 【示例】提取 Instrument ID（位于详情页右上角）
try:
instrument_id = wait.until(
EC.presence_of_element_located((By.CSS_SELECTOR, "div.instrument-id span"))
).text.strip()
print(f" Instrument ID: {instrument_id}")
except:
print(" ❌ Could not extract Instrument ID")
# 关闭当前详情页，返回主窗口
driver.close()
driver.switch_to.window(driver.window_handles[0])
except Exception as e:
print(f"❌ Failed to click company #{i+1} ({span.text.strip()}): {str(e)}")
continue⚠️ 关键注意事项总结
- 绝不依赖 time.sleep()：它不可靠且拖慢执行。全程使用 WebDriverWait 配合 expected_conditions（如 element_to_be_clickable, visibility_of_element_located）。
- 定位目标要精准：.clickable.instrument-name... 是 <td> 的 class，但实际可点击区域是其子 <span>。对 <td> 点击常因 Angular 事件绑定机制失败。
- 处理动态禁用状态：若 <div class="disabled"> 存在，说明数据尚未就绪，需等待其消失或被真实内容替换（可通过 EC.invisibility_of_element_located 显式等待）。
- 管理多窗口：每次点击链接都会打开新标签页，务必及时 switch_to.window() 并 close()，避免句柄泄漏。
- 反爬友好提示：添加 --disable-blink-features=AutomationControlled 和 user-agent 模拟真实浏览器（生产环境建议）。
通过以上结构化流程，即可稳定实现从 LSE 动态表格中逐个点击公司名称、跳转详情页并提取结构化数据的全链路自动化。核心在于：尊重前端渲染生命周期，以用户视角设计交互，用显式等待替代猜测式延时。
