如何关闭由Google Apps Script(GAS)创建的网页窗口
如何关闭Google Apps Script(GAS)打开的网页窗口
问题核心
你通过GAS的doGet方法创建的Web App独立网页窗口,无法用google.script.host.close()关闭——这个方法仅适用于GAS在Google Workspace(表格/文档等)内弹出的对话框(比如showModelessDialog打开的窗口),对独立浏览器标签页的Web App不生效。
解决方案
Web App属于浏览器原生窗口,需要用浏览器的window.close()方法关闭,但有个限制:该方法只能关闭由JavaScript脚本打开的窗口,如果是用户手动输入URL打开的Web App,浏览器会出于安全限制阻止自动关闭。
1. 客户端触发关闭(推荐)
修改你的clsWeb.HTML,添加原生JS的关闭逻辑,可结合服务器端操作的回调:
<!DOCTYPE html> <html> <head> <base target="_top"> </head> <body> <h1>如何从客户端或服务器关闭此窗口</h1> <!-- 手动关闭按钮(应对浏览器安全限制) --> <button onclick="closeWebAppWindow()">关闭窗口</button> <script> function closeWebAppWindow() { window.close(); } // 先执行服务器端方法,完成后尝试关闭窗口 google.script.run .launchADummy() .withSuccessHandler(function() { // 若窗口由脚本打开,自动关闭;否则需用户点击按钮 closeWebAppWindow(); }); </script> </body> </html>
2. 确保窗口由脚本打开
如果需要自动关闭,必须确保Web App是通过脚本打开的(比如在Google表格里用window.open()打开Web App链接),示例:
// 在GAS的服务器端脚本中打开Web App function openWebApp() { const webAppUrl = "你的Web App部署URL"; SpreadsheetApp.getUi().showModelessDialog( HtmlService.createHtmlOutput(`<script>window.open("${webAppUrl}");</script>`), "打开Web App" ); }
这种方式打开的Web App窗口,window.close()可以自动生效。
原代码问题说明
你原代码里的google.script.host.close()能正常关闭launchADummy打开的"Dummy"对话框,但主Web App窗口不属于GAS对话框宿主环境,所以该方法无效。
内容的提问来源于stack exchange,提问作者Sabetay Toros
相关产品推荐
相关产品推荐

