基于Ruby使用Capybara如何点击页面元素且不触发页面加载

存在可落地的实现方案，核心逻辑是绕开Capybara默认的点击后自动等待页面加载完成的内置逻辑，不同驱动、不同场景下可选择对应实现方式：

• 方案1：通过JS直接触发元素点击，适配所有支持JS执行的驱动
  这是通用性最高的方案，不需要修改全局驱动配置，对Selenium、Cuprite、Apparition等主流驱动都生效，执行时会完全跳过Capybara的点击后等待流程：

  # 先定位目标元素
  btn = find('#submit-btn')
  # 直接通过JS触发原生点击事件，不会触发Capybara的页面加载等待
  execute_script('arguments[0].click()', btn)
  

  注意：该方案仅跳过Capybara层面的等待逻辑，如果元素绑定的点击事件本身会触发页面跳转，页面侧的跳转行为还是会正常执行，只是代码不会阻塞等待加载完成，你可以根据业务需求自行编写后续的等待判断逻辑，不会被内置的页面加载超时限制卡住。

• 方案2：修改Selenium驱动的页面加载策略，全局/临时跳过加载等待
  如果你使用Selenium搭配Chrome、Firefox等浏览器驱动，可以通过配置页面加载策略，让驱动本身不等待页面加载完成：

  Capybara.register_driver :selenium_skip_load do |app|
    chrome_opts = Selenium::WebDriver::Chrome::Options.new
    # 配置页面加载策略为none，不等待任何页面资源加载完成
    chrome_opts.add_option('pageLoadStrategy', 'none')
    Capybara::Selenium::Driver.new(app, browser: :chrome, options: chrome_opts)
  end
  

  如果不想全局生效，可以在需要跳过加载的代码块中临时切换到该驱动，执行完操作后切回默认驱动即可。

• 方案3：临时调整等待时间为0，适配Capybara 3.x及以上版本
  Capybara 3.0以上版本支持临时修改等待时长，点击时将等待时间设为0，也可以跳过自动等待逻辑：

  Capybara.using_wait_time(0) do
    find('#target-element').click
    # 点击后不会阻塞等待页面加载，直接执行后续代码
  end
  

  该方案对触发整页跳转的点击适配性较差，部分驱动会在检测到整页跳转时主动阻塞等待，优先选择前两种方案稳定性更高。

如果需要完全阻断点击带来的页面跳转行为（比如拦截a标签的默认href跳转、表单默认提交跳转），可以在点击前先通过JS给元素绑定一次性的事件拦截，阻止默认行为：

target = find('#jump-link')
# 给元素加一次性点击拦截，阻止默认跳转
execute_script(<<~JS, target)
  arguments[0].addEventListener('click', e => e.preventDefault(), { once: true })
JS
target.click

执行后点击行为会正常触发绑定的自定义事件，但不会发生任何页面跳转、重载，完全停留在当前页面。

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