Apps Script无绑定表格WebApp新标签页打开Spreadsheet链接方法

你的代码无法正常运行是必然的，核心问题有两个：

• SpreadsheetApp.getUi() 是容器绑定脚本专属API，只有当脚本依附于表格、文档、幻灯片这类Google Workspace文件打开时才存在可用实例，独立部署的纯WebApp运行环境里根本没有这个对象，调用会直接抛出异常。
• 你把浏览器端的新标签跳转逻辑放在服务端执行本身就不符合WebApp运行逻辑：服务端Code.gs运行在Google服务器上，无法直接操作用户的本地浏览器窗口，不可能独立完成页面跳转动作。

调整前后端职责划分：服务端只负责获取用户邮箱、创建表格、返回生成的表格URL，新标签打开的交互逻辑全部放到前端HTML页面执行，同时适配浏览器弹窗拦截规则，避免打开动作被判定为恶意弹窗拦截。

修改后的 Code.gs #

删除原有依赖容器UI的openUrl服务端函数，简化clickEvent逻辑，直接将生成的表格URL返回给前端即可：

function doGet(e) {
  return HtmlService.createHtmlOutputFromFile("page");
}

function clickEvent () {
  const lock = LockService.getScriptLock();
  // 加锁避免同一用户重复点击生成多个冗余文件
  lock.tryLock(5000);
  if (lock.hasLock()){
    try {
      const email = Session.getActiveUser().getEmail();
      const newSS = SpreadsheetApp.create(email);
      const file = DriveApp.getFileById(newSS.getId());
      return file.getUrl();
    } finally {
      lock.releaseLock();
    }
  }
  throw new Error("系统繁忙，请稍后重试");
}

部署注意：WebApp部署时需要将「执行身份」设置为「访问WebApp的用户」，并在授权阶段授予脚本获取用户邮箱、创建Drive文件的对应权限，否则会出现拿不到用户邮箱、创建的表格无访问权限的问题。

修改后的 page.html #

前端点击逻辑做适配：在用户点击按钮的同步事件里先打开一个空白标签页绕过弹窗拦截，等服务端返回表格URL后再替换空白页的跳转地址，同时增加失败兜底逻辑：

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
    <style>
      #tip {color: #5f6368; margin-top: 12px; font-size: 14px;}
      .error {color: #d93025;}
      #btn {padding: 8px 16px; cursor: pointer;}
    </style>
  </head>
  <body>
    <h1>Click Button!</h1>
    <button id="btn">Run</button>
    <div id="tip"></div>
     <script>
      const btn = document.getElementById("btn");
      const tip = document.getElementById("tip");
      btn.addEventListener("click", sendRequest);

      function sendRequest(){
        // 用户点击事件同步阶段打开空白页，规避浏览器弹窗拦截规则
        const newTab = window.open('about:blank', '_blank');
        tip.textContent = "正在生成专属表格，请稍候...";
        btn.disabled = true;

        google.script.run
          .withSuccessHandler(url => {
            // 拿到服务端返回的URL后，替换空白页地址完成跳转
            newTab.location.href = url;
            tip.textContent = "表格生成完成，已在新标签页打开";
            btn.disabled = false;
          })
          .withFailureHandler(err => {
            // 执行失败时关闭空白页，展示错误提示
            newTab.close();
            tip.textContent = "操作失败：" + err.message;
            tip.classList.add("error");
            btn.disabled = false;
          })
          .clickEvent();
      }
    </script>
  </body>
</html>

• 独立WebApp场景下不要调用任何容器专属UI API（包括SpreadsheetApp.getUi()、DocumentApp.getUi()等），这类API在无容器的WebApp上下文里没有实现，调用必报错。
• 所有涉及浏览器窗口操作、页面跳转的逻辑，必须放在前端HTML的JS脚本里执行，服务端没有权限操作用户浏览器。
• 主流浏览器默认会拦截异步回调里触发的window.open调用，必须在用户点击事件的同步执行阶段先创建标签页，再在异步回调里修改地址，否则会被弹窗拦截功能挡住。
• 如果选择「以脚本所有者身份执行」部署，需要额外给访问用户授予新建表格的访问权限，否则用户打开新标签时会提示无权限。

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