求助：Adaptive Card的Action.OpenUrl在Web浏览器无法正常工作

核心原因 #

Adaptive Cards的Action.OpenUrl默认行为由渲染它的宿主（Web端即Adaptive Cards JS SDK）控制，默认不会自动在新窗口打开，且在iframe环境（如代码演示平台）中容易被浏览器弹窗拦截机制阻止。

解决步骤 #

1. 自定义Action事件处理逻辑
   渲染卡片时，通过onAction回调拦截Action.OpenUrl动作，手动调用window.open()实现新窗口打开：

   // 假设已初始化adaptiveCards并加载卡片数据
   adaptiveCards.renderCard(card, document.getElementById("cardContainer"), {
       onAction: (action) => {
           if (action.type === "Action.OpenUrl") {
               // 用_blank打开新窗口，同时添加noopener/noreferrer提升安全性
               window.open(action.url, "_blank", "noopener,noreferrer");
               // 返回true阻止SDK的默认处理逻辑
               return true;
           }
       }
   });
   

2. 处理弹窗拦截问题

   • 确保URL是完整的绝对路径（如https://example.com），相对路径可能导致解析失败。
   • 浏览器会拦截非用户直接交互触发的弹窗，需保证Action.OpenUrl的触发来自用户的直接点击操作，避免在异步回调中触发跳转。

3. 关于官网设计器的弹窗提示
   官网设计器的弹窗是其宿主自带的交互提示，但跳转失效同样源于iframe环境的安全限制，按上述自定义逻辑即可解决。

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