Google Apps Script运行HTML文件时alert()弹窗突然无法显示问题

问题原因 #

• 测试入口错误：若使用Google Apps Script编辑器内嵌的Web应用预览窗口测试，该窗口是嵌套在编辑器页面中的iframe，浏览器默认会拦截iframe内的alert、confirm等原生弹窗调用。
• 沙箱模式未显式配置：GAS的HtmlService默认沙箱规则可能限制前端原生弹窗API的调用，未显式设置兼容沙箱模式时会出现弹窗失效。
• 浏览器弹窗拦截规则：页面加载时自动触发的alert属于非用户交互触发的弹窗，部分浏览器会将GAS部署的Web应用判定为低可信度来源，自动拦截这类弹窗。

解决方案 #

• 直接在新标签页打开部署后生成的Web应用完整URL测试，不要使用编辑器内嵌的预览窗口。
• 在doGet函数中显式指定HtmlOutput的沙箱模式为IFRAME，修改后Code.gs代码如下：

function doGet(e) {
  return HtmlService.createHtmlOutputFromFile('UPLOAD2')
    .setSandboxMode(HtmlService.SandboxMode.IFRAME);
}

• 将alert调用放到DOM加载完成的回调中触发，修改后UPLOAD2.html代码如下：

<!DOCTYPE html>
<html lang="en">
<head></head>
<body>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            alert("SHOW ME");
        });
    </script>
</body>
</html>

• 若仍存在拦截问题，可以将alert绑定到按钮点击等用户主动交互事件上触发，避免自动触发被浏览器判定为恶意弹窗。

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