Power Automate导航网站时跳过shadow-root元素的解决办法咨询

• 用JavaScript直接操作Shadow DOM
  Power Automate默认不会自动穿透shadow-root，最可靠的方法是通过Execute JavaScript动作直接编写代码定位元素。例如，要获取某个宿主元素下shadow-root内的按钮：

  // 获取宿主元素的shadow-root，再定位目标元素
  const targetBtn = document.querySelector('.host-element').shadowRoot.querySelector('.target-button');
  // 执行点击操作
  targetBtn.click();
  

  执行后可以返回元素状态或直接完成交互，这种方式兼容性最好，不受Power Automate版本限制。

• 开启Shadow DOM支持选项
  部分新版本的Power Automate浏览器自动化组件提供了Shadow DOM访问开关。在创建浏览器自动化流时，进入设置面板，找到“允许访问Shadow DOM”或类似选项并启用，开启后Flow会自动尝试穿透shadow-root识别元素，适合简单场景快速解决问题。

• 自定义UI元素选择器
  如果录制的UI元素选择器无法识别shadow-root内的元素，可以手动编辑选择器，添加穿透语法：

  • 使用>>> 组合选择器，例如：.host-element >>> .target-element
  • 或者用:host伪类结合后代选择器，适配不同框架的Shadow DOM结构
    编辑后保存选择器，重新测试元素识别效果。

• 模拟用户交互（备选方案）
  若上述方法都无法生效，可临时使用模拟用户操作的方式：

  • 用Click at Coordinates动作，通过坐标定位元素点击
  • 用Send Keys动作配合Tab键切换到目标元素后输入内容
    注意：这种方法依赖页面布局，若页面元素位置变动会失效，仅作为应急方案。

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