Selenium(Python)自动登录ServiceNow后找不到动态加载的JS表格怎么办

• Service Now的工单列表页面几乎都会把动态表格放在独立的iframe元素中，你当前的代码是直接在顶层DOM树中查找元素，自然找不到iframe内部的节点，这是90%以上同类问题的诱因
• 固定时长的sleep不可靠，页面资源加载顺序受网络、服务端响应速度影响，很可能sleep结束后表格还没完成渲染，且你导入了显式等待工具但没有实际使用
• 部分Service Now版本使用Web Component封装前端组件，表格会放在Shadow DOM中，普通的元素查找方法无法穿透Shadow DOM边界
• 你代码里的类名查找逻辑误用了find_element_by_id方法，属于语法错误，也会导致查找失败

步骤1：处理iframe嵌套 #

先在浏览器开发者工具的元素面板搜索你的表格ID，如果能看到外层包裹着iframe标签，先切换到对应iframe再查找元素：

# 等待iframe加载完成后切换，可替换为xpath、name等其他定位方式
WebDriverWait(query, 20).until(EC.frame_to_be_available_and_switch_to_it((By.ID, "实际的iframe ID")))
# 处理完iframe内的操作后如果要回到顶层DOM，调用query.switch_to.default_content()即可

步骤2：用显式等待替代固定sleep #

显式等待会在指定时间内轮询元素是否存在，比固定sleep兼容性强很多：

# 等待表格元素加载完成，最长等待20秒
tableById = WebDriverWait(query, 20).until(EC.presence_of_element_located((By.ID, "service-now-table-id")))

步骤3：处理Shadow DOM场景 #

如果确认表格在Shadow DOM中，需要先获取Shadow Root再查找内部元素：

# 先定位承载Shadow DOM的外层Shadow Host元素
shadow_host = WebDriverWait(query, 20).until(EC.presence_of_element_located((By.CSS_SELECTOR, "Shadow Host的选择器")))
# 获取Shadow Root
shadow_root = shadow_host.shadow_root
# 在Shadow Root内查找表格
tableById = shadow_root.find_element(By.ID, "service-now-table-id")

步骤4：修正语法错误 #

你原来的类名查找代码写错了方法，需要改为：

tableByClass = query.find_element(By.CLASS_NAME, "service-now-table-class")

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

query = webdriver.Firefox()
query.implicitly_wait(10)

# 打开Service Now站点
query.get("SERVICENOW URL")

# 登录流程
login_username = WebDriverWait(query, 10).until(EC.presence_of_element_located((By.ID, 'username')))
login_password = query.find_element(By.ID, 'password')
login_button = query.find_element(By.ID, 'signOnButton')

username = "myUsername"
password = "myPassword"

login_username.send_keys(username)
login_password.send_keys(password)
login_button.click()

# 切换到表格所在iframe，替换为实际的iframe定位参数
WebDriverWait(query, 20).until(EC.frame_to_be_available_and_switch_to_it((By.ID, "实际的iframe ID")))

# 等待表格加载完成
tableById = WebDriverWait(query, 20).until(EC.presence_of_element_located((By.ID, "service-now-table-id")))

# 此时可以正常获取表格内容
print(tableById.text)

# 操作完成后切回顶层DOM
query.switch_to.default_content()

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