Selenium无法定位ng-view页面元素 报NoSuchElementException异常

你现在的代码存在基础逻辑问题，结合Angular（ng-view是AngularJS的路由视图容器）页面的常见特性，按以下顺序排查即可解决：

• 首先修正定位逻辑错误
  你三次调用find_element是独立执行的，前两次的查找结果会被直接覆盖，最后实际执行的是仅匹配带Button--lg单类名的元素。另外Selenium的By.CLASS_NAME定位方式不支持复合类名匹配，元素如果同时挂载多个class，直接传多个类名给这个选择器必然匹配失败。
  替换成CSS选择器匹配同时符合三个类名规则的按钮，同时放弃硬等待time.sleep，改用显式等待等元素可交互：

  from selenium.webdriver.support.ui import WebDriverWait
  from selenium.webdriver.support import expected_conditions as EC
  
  wait = WebDriverWait(driver, 15)
  reserve_btn = wait.until(EC.element_to_be_clickable(
      (By.CSS_SELECTOR, 'button.Button.Button--primary.Button--lg')
  ))
  reserve_btn.click()
  

• 优先排查iframe嵌套问题
  带ng-view的预约类页面，大概率会把预约模块嵌在独立iframe中，默认DOM上下文无法直接读取iframe内的元素。你可以打开浏览器开发者工具，在元素面板搜索「Reserve Now」按钮，向上查找父节点链，如果存在<iframe>标签，找元素前必须先切换到对应iframe上下文：

  # 替换为实际iframe的定位属性，比如src包含reserve、或者对应id/class
  reserve_iframe = driver.find_element(By.CSS_SELECTOR, 'iframe[src*="reserve"]')
  driver.switch_to.frame(reserve_iframe)
  # 切换完成后再执行上面的按钮查找、点击逻辑
  # 操作完需要回到主页面的话，调用 driver.switch_to.default_content() 即可
  

• 排查Shadow DOM拦截
  如果父节点链里没有iframe，看按钮上层是否存在#shadow-root标识，现在很多前端组件库会把元素挂载在影子DOM下，普通的定位方法无法穿透。这种情况需要先获取影子根节点，再在根节点内查找元素：

  # 先定位shadow host（即带#shadow-root的上层宿主元素）
  shadow_host = driver.find_element(By.CSS_SELECTOR, '替换为实际宿主元素的选择器')
  shadow_root = shadow_host.shadow_root
  reserve_btn = shadow_root.find_element(By.CSS_SELECTOR, 'button.Button.Button--primary.Button--lg')
  reserve_btn.click()
  

• 补充Angular页面专属等待逻辑
  ng-view做路由切换时，会等Angular内部的渲染周期、异步请求完成后才会把元素挂载到DOM上，固定等待10秒不一定能卡准渲染完成的时间点，可以加个Angular就绪判断：

  def angular_is_ready(driver):
      return driver.execute_script("""
          return angular.element(document).injector().get('$http').pendingRequests.length === 0
      """)
  wait.until(angular_is_ready)
  # 确认Angular渲染完成后再查找元素
  

• 反爬识别排查
  如果以上步骤都没解决，在报错位置打印print(driver.page_source)看返回的页面源码，如果源码里完全没有预约按钮相关的内容，说明你被站点的反爬机制识别拦截了。给Chrome启动参数加自动化隐藏配置即可：

  from selenium import webdriver
  from selenium.webdriver.chrome.options import Options
  
  chrome_options = Options()
  chrome_options.add_argument("--disable-blink-features=AutomationControlled")
  chrome_options.add_experimental_option("excludeSwitches", ["enable-automation"])
  chrome_options.add_experimental_option("useAutomationExtension", False)
  driver = webdriver.Chrome(options=chrome_options)
  # 覆写navigator.webdriver标识
  driver.execute_cdp_cmd("Page.addScriptToEvaluateOnNewDocument", {
      "source": "Object.defineProperty(navigator, 'webdriver', {get: () => undefined})"
  })
  

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