如何定位新标签页中打开的扩展图标及按钮的XPath

1. 定位新标签页中打开的扩展程序图标（以Chrome浏览器为例） #

• 打开新标签页后，点击右上角的拼图形状扩展图标，在弹出列表里找到目标扩展，右键选择「固定」，即可将其固定到地址栏右侧，下次打开新标签页就能直接看到。
• 若目标扩展未出现在列表中，点击列表底部的「管理扩展程序」，进入扩展管理页面后，确保对应扩展处于启用状态；部分扩展支持「在新标签页中显示」的设置，可在扩展详情页开启该选项。
• 也可直接在地址栏输入 chrome://extensions/ 进入扩展管理页面，找到目标扩展后点击「详细信息」，查看并调整显示相关设置。

2. 获取目标按钮的XPath #

根据你提供的HTML代码，推荐以下几种XPath写法（优先级从高到低）：

• 最稳定的定位（基于data-testid）：

  //div[@data-testid='xray-export-csv']
  

  理由：data-testid 是专门为测试或元素定位设计的属性，不会随前端样式更新轻易改变，稳定性最高。
• 结合class的辅助定位（不推荐，class可能动态变化）：

  //div[contains(@class, 'sc-dMfPxa') and @data-testid='xray-export-csv']
  

• 直接定位到内部SVG元素：

  //div[@data-testid='xray-export-csv']/svg
  

注意：HTML中的CSS类名（如sc-dMfPxa、dCFvBy）属于前端框架动态生成的类，页面迭代后大概率会发生变化，不建议单独用这类class作为定位依据。

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