如何让Outlook插件对话框更贴近微软举报邮件弹窗样式？

要让你的对话框贴近微软内置「举报」弹窗的样式，去掉地址栏和「Outlook PWA」标题栏，可通过以下两步调整：

1. 修改displayDialogAsync调用参数 #

在调用方法的配置选项中添加displayInIframe: true，并清空标题内容，就能隐藏地址栏和默认窗口标题：

Office.context.ui.displayDialogAsync('https://{website}/test.html', {
    height: 30,
    width: 20,
    promptBeforeOpen: false,
    displayInIframe: true,
    title: "" // 隐藏标题栏文本
});

2. 优化对话框HTML页面 #

清空页面标题并调整基础样式，让界面更贴近内置弹窗的视觉风格：

<head>
    <title></title> <!-- 清空页面标题，避免额外显示 -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 可选：使用Office UI Fabric样式匹配微软设计语言，需在项目中引入对应资源 -->
</head>
<body style="margin: 0; padding: 16px; font-family: 'Segoe UI', sans-serif;">
    <div>
        Hello world 2!
    </div>
</body>

关键注意点 #

• displayInIframe: true是核心设置：该参数会让对话框以iframe形式嵌入，而非独立窗口，从而移除地址栏和Outlook PWA标题栏。
• 确保对话框页面的域名已添加到插件清单的AppDomains中，否则会触发权限错误。

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