如何使用Python Selenium获取仅悬停时出现元素的HTML代码

• 方法1：冻结DOM捕获悬浮元素
  打开F12开发者工具切换到「源代码」面板，先移动鼠标到页面触发目标悬浮元素显示，立刻按F8快捷键（Mac系统按Cmd+\，Windows/Linux按Ctrl+\），页面JS执行会被暂停，DOM不再更新，悬浮元素会固定保留在页面中，此时切换到「元素」面板即可直接定位到对应的HTML节点。
• 方法2：强制触发hover状态
  如果目标元素是由CSS的:hover伪类控制显隐，在「元素」面板找到触发悬浮的父级节点，右键点击后选择「强制状态」→「:hover」，对应的悬浮元素会持续显示，直接就能查看对应代码和内容。
• 方法3：脚本模拟事件批量解析
  如需批量提取数值，可直接在控制台运行JS脚本模拟悬停事件后读取内容，参考代码如下：

  // 替换为实际触发悬浮的元素选择器
  const triggerElement = document.querySelector('.odds-cell');
  // 触发鼠标悬停事件
  triggerElement.dispatchEvent(new MouseEvent('mouseover', { bubbles: true }));
  // 等待悬浮元素渲染完成后提取数值
  setTimeout(() => {
    // 替换为实际悬浮元素的选择器
    const tooltipElement = document.querySelector('.tooltip-content');
    const targetValue = tooltipElement.textContent.trim();
    console.log('提取到的数值：', targetValue);
  }, 200);
  

补充提示：这类体育赔率站点的悬浮提示大多是全局统一的Tooltip组件，一般挂载在body标签末尾，类名通常包含tooltip、popover、tip这类关键词，冻结DOM后直接搜索关键词可快速定位元素。

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