MAC端GAS对话框onClick失效问题排查求助

作为Google Apps Script（GAS）开发者，我开发的表格弹窗对话框（EnhancementsDialog.html）及对应按钮功能在自身和多数用户端正常，但有一位MAC用户无论使用何种浏览器，按钮的onClick事件均无法触发。目前执行日志无相关报错信息，请问是否存在特定系统设置会导致onClick失效？该如何进一步排查？

相关代码 #

HTML代码（EnhancementsDialog.html）

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
    <script>
      function onFailure(error) {
        var div = document.getElementById('output');
        div.innerHTML = "ERROR: " + error.message;
      }
    </script>
  </head>
  <body>
    <style>
      .button {
        background-color: blue;
        color: white;
        padding: 10px;
        border: none;
        border-radius: 5px;
      }
      p.Lato{font-size: 20px; font-family: Lato,Arial,serif;}
    </style>
    <p class="Lato">
    Please click the appropriate button for the type of Customization to be added.
    </p>
    <pre>
      <input type="button" class="button" value="EVENT" 
        onclick="google.script.run.Add_Custom_Action('EVENT');
        google.script.host.close);"
      >
      <input type="button" class="button" value="ENHANCEMENT" 
        onclick="google.script.run.Add_Custom_Action('ENHANCEMENT');
        google.script.host.close;"
      > 
     </pre>
</html>

调用HTML的GAS函数

function Add_Custom() {
      var widget = HtmlService.createHtmlOutputFromFile("EnhancementsDialog.html");
      //widget.setWidth(600);
      widget.setHeight(175);
      SpreadsheetApp.getUi().showModalDialog(widget,"dineDK");
} //end function Add_Custom

问题排查与解决思路 #

1. 修复代码语法错误 #

HTML代码中第一个按钮的onClick事件存在语法错误：google.script.host.close)缺少左括号和分号，正确写法应为google.script.host.close();。不同环境的JS引擎容错性有差异，MAC下的浏览器可能对语法错误更敏感，直接导致整个事件逻辑无法执行。

2. 完善错误捕获机制 #

当前代码定义了onFailure函数但未绑定到google.script.run，修改按钮的onClick逻辑，添加失败回调，方便在弹窗内直接显示错误信息：

onclick="google.script.run.withFailureHandler(onFailure).Add_Custom_Action('EVENT'); google.script.host.close();"

同时在页面中添加用于显示错误的元素：

<div id="output" style="color: red; margin-top: 10px;"></div>

3. 检查MAC系统与浏览器设置 #

• 内容阻止/隐私插件：MAC用户可能启用了广告拦截器、隐私保护类浏览器扩展，这类插件可能阻止Google Apps Script的跨域脚本执行，建议暂时禁用所有扩展后测试。
• 系统隐私设置：检查MAC系统偏好设置中的「安全与隐私」，确认是否允许Google Sheets的弹窗脚本运行；部分杀毒软件也可能限制脚本执行，可临时关闭测试。

4. 浏览器端调试 #

让MAC用户打开浏览器开发者工具（快捷键Cmd + Opt + I），切换到「Console」标签页，点击按钮后查看是否有语法错误、脚本加载失败或权限报错，这是定位问题最直接的方式。

5. 调整HTML结构 #

当前按钮放在<pre>标签内，<pre>是预格式化文本标签，可能导致按钮的布局解析或事件绑定异常，建议替换为普通<div>容器：

<div>
  <input type="button" class="button" value="EVENT" 
    onclick="google.script.run.withFailureHandler(onFailure).Add_Custom_Action('EVENT'); google.script.host.close();"
  >
  <input type="button" class="button" value="ENHANCEMENT" 
    onclick="google.script.run.withFailureHandler(onFailure).Add_Custom_Action('ENHANCEMENT'); google.script.host.close();"
  > 
</div>

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