Edge DevTools中Detached Elements的Get Detached Elements按钮不可点击求助

基础配置检查 #

• 开启实验性功能：打开DevTools（F12），点击右上角设置图标，进入Experiments面板，勾选Detached Elements选项，重启DevTools后生效。
• 确认工具加载：在DevTools的More Tools菜单中，确保Detached Elements已被选中，工具面板正常显示。

版本相关修复 #

• 退出隐私模式：隐私模式下部分调试权限被限制，切换到普通浏览器窗口重试。
• 重置DevTools：在DevTools设置页底部，点击Restore defaults and reload，重置所有调试配置后重新打开工具。

正确触发分离节点检测（以官方示例为例） #

• 生成分离节点：打开示例页面后，先点击页面内的Create detached element按钮创建分离DOM，再返回Detached Elements面板。
• 手动触发垃圾回收：若按钮仍禁用，切换到Memory面板，点击垃圾桶图标执行GC操作，再切回Detached Elements尝试点击按钮。

Angular应用调试补充 #

• 切换到开发模式：Angular生产模式会启用DOM优化，导致分离节点难以捕获，使用ng serve启动开发环境。
• 配合GC时机：若应用中使用了原生DOM操作或第三方库，在执行DOM移除操作后，手动触发GC再检查分离元素。

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