ChromeDriver启动的DevTools中cd_frame_id_属性及相关问题咨询

原始HTML代码：

<iframe id="iframe1" src="iframe_over_shadow_test_child.html" title="Iframe Example"></iframe>

通过ChromeDriver启动Chrome DevTools后，iframe标签新增了cd_frame_id_属性：

<iframe id="iframe1" src="iframe_over_shadow_test_child.html" title="Iframe Example" cd_frame_id_="854056df23f23b850b5103a5942e13de"></iframe>

咨询以下问题：

1. cd_frame_id_属性是什么？
2. 还有哪些类似的浏览器/自动化工具生成属性？
3. 相关的学习参考资料有哪些？

回答 #

1. cd_frame_id_属性的含义 #

这是ChromeDriver（Chrome的自动化测试驱动）给iframe添加的内部标识属性，用于在自动化流程中唯一标记每个iframe实例。ChromeDriver依靠这个属性快速定位、区分不同的iframe，实现嵌套框架的自动化操作（比如切换iframe、在iframe内执行脚本等）。它属于工具内部的辅助属性，和网页本身功能无关，不会影响页面正常渲染。

2. 类似的浏览器/自动化工具生成属性 #

• Chrome/ChromeDriver相关：
  • cdc_前缀属性：部分元素会被添加cdc_xxx类名或属性，是ChromeDriver用于规避反爬检测的标识（早期部分网站会通过这类特征识别自动化工具）
  • data-testid：虽多为开发者自定义，但部分自动化测试框架（如Cypress）会辅助生成这类属性用于元素定位
• Firefox/GeckoDriver相关：
  • moz-前缀内部属性：比如moz-frame-type，是Firefox标记框架类型的内部属性
• 通用自动化工具生成：
  • data-automation-id：部分测试工具会建议或自动添加这类自定义属性，方便元素定位

3. 相关学习参考资料 #

• ChromeDriver官方文档：其中会提及自动化过程中对DOM元素的修改逻辑，包括这类内部标识的作用
• Chrome DevTools官方文档：可了解浏览器内部DOM属性的分类，区分用户自定义属性与浏览器/工具生成的内部属性
• W3C WebDriver规范文档：详细说明了驱动与浏览器交互时的元素标识机制
• 自动化测试实战书籍：比如《Selenium WebDriver实战》这类书籍，会讲解iframe定位的底层逻辑，涉及这类辅助属性的作用

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