使用Firefox+Python+Selenium自动化时，如何识别悬停元素后停止JavaScript？

我之前也碰到过一模一样的问题，给你两个方向的解决方案：一个是用Selenium自动化时的处理思路，另一个是手动调试元素时的实用技巧。

一、Selenium自动化操作的解决方案 #

你不用强行停止JavaScript，反而可以通过模拟交互或者强制修改元素状态来让目标元素保持显示：

• 模拟悬停并立即操作元素
  用Selenium的ActionChains类模拟鼠标悬停触发元素加载，之后立刻定位并操作目标元素——整个过程快到JS还没来得及执行隐藏逻辑：

  from selenium import webdriver
  from selenium.webdriver.common.action_chains import ActionChains
  
  driver = webdriver.Firefox()
  driver.get("你的目标网页URL")
  
  # 定位触发悬停的元素
  trigger_element = driver.find_element("css selector", "触发元素的选择器")
  # 模拟鼠标悬停
  ActionChains(driver).move_to_element(trigger_element).perform()
  # 立即抓取并操作显示出来的目标元素
  target_element = driver.find_element("css selector", "目标元素的选择器")
  print(target_element.text)  # 替换成你需要的操作
  

• 强制修改元素样式锁死显示状态
  如果悬停后元素还是会快速消失，可以直接用JS修改元素的CSS属性，让它一直显示：

  # 先触发悬停加载元素
  ActionChains(driver).move_to_element(trigger_element).perform()
  # 定位目标元素后用JS强制修改样式
  target_element = driver.find_element("css selector", "目标元素的选择器")
  driver.execute_script("arguments[0].style.display = 'block'; arguments[0].style.visibility = 'visible';", target_element)
  # 之后就可以随意操作这个元素了
  

二、手动调试元素时的技巧 #

你说按F8无效，是因为没在正确的标签页触发暂停，调整步骤就行：

• 快速暂停脚本留住元素

  1. 打开开发者工具（按F12），切换到「调试器（Debugger）」标签页；
  2. 把鼠标移到触发悬停的元素上，等目标元素显示出来的瞬间，立刻按F8（或者点击调试器里的暂停按钮）；
  3. 此时JavaScript会暂停执行，目标元素就不会消失，你可以切回「元素（Inspector）」标签页慢慢查看它的结构。

• 设置DOM断点追踪隐藏逻辑
  如果想搞清楚是哪段JS在隐藏元素，可以这么做：

  1. 先悬停让元素显示，然后在「元素」标签页找到这个元素；
  2. 右键点击该元素，选择「Break on」→「Subtree modifications」（子树修改）或者「Attribute modifications」（属性修改）；
  3. 移开鼠标，当JS尝试隐藏元素时，调试器会自动暂停在对应的代码位置，你就能精准定位到负责隐藏的脚本了。

内容的提问来源于stack exchange，提问作者Thomas W.