iOS端PWA提交表单时出现Script function not found: doGet错误排查

这个问题本质上是iOS PWA对表单提交的特殊处理逻辑，加上你的Google Apps Script缺少doGet函数导致的。下面给你详细分析原因和几种可行的解决方案：

为什么会触发这个错误？ #

iOS的PWA在处理同步表单提交时（也就是传统的表单提交方式，没有用JS异步处理），如果服务器返回的响应不是一个可正常渲染的页面，系统会自动切换到Safari来加载这个响应。而你的Google Apps Script只实现了doPost函数，当Safari发起GET请求（可能是跳转 fallback 或者系统默认行为）访问你的脚本端点时，因为没有doGet函数，就会抛出Script function not found: doGet的错误。

解决方案1：添加空的doGet函数（快速修复） #

最简单的办法就是给你的Google Apps Script添加一个doGet函数，即使它什么也不做，只要存在就不会报错。比如：

function doGet() {
  // 返回一个简单的成功响应，也可以返回自定义HTML
  return ContentService.createTextOutput("Form endpoint is working");
}

这个方案可以快速消除错误，但表单提交后仍然可能会跳转到Safari显示这个响应内容，体验不够好。

解决方案2：优化doPost的响应，避免跳转 #

修改你的doPost函数，返回一个符合iOS PWA预期的响应，告诉系统不需要打开Safari。比如返回一个JSON格式的成功响应：

function doPost(e) {
  record_data(e);
  
  // 返回200状态的JSON响应，阻止iOS跳转
  return ContentService.createTextOutput(JSON.stringify({
    status: "success",
    message: "Data recorded successfully"
  })).setMimeType(ContentService.MimeType.JSON);
}

这样iOS PWA收到响应后，就不会触发Safari跳转了，同时也保留了传统表单提交的逻辑。

解决方案3：用异步方式提交表单（推荐方案） #

这是最符合PWA体验的做法，通过JavaScript的Fetch API异步提交表单，完全避免页面跳转的问题，全程在PWA内完成操作。

步骤1：修改HTML表单（保留结构，阻止默认提交） #

你的HTML表单不需要大改，只需要确保表单有提交按钮，然后添加JS监听提交事件：

<form id="gform" class="pure-form pure-form-stacked" data-email="xxxxx@gmail.com" action="https://script.google.com/macros/s/xxxxxxxxxxxxxxxxxxxxx/exec" method="POST">
  <!-- 你的输入项 -->
  <input type="hidden" id="de" name="de" value='nombre'>
  <input type="hidden" id="tipopersona" name="tipopersona">
  <input type="hidden" id="correo" name="correo" >
  <button type="submit">提交信息</button>
</form>

步骤2：添加异步提交的JavaScript #

在HTML页面中添加这段JS代码，阻止表单默认提交行为，改用Fetch API发送数据：

document.addEventListener('DOMContentLoaded', function() {
  const form = document.getElementById('gform');
  
  form.addEventListener('submit', function(e) {
    e.preventDefault(); // 阻止默认的表单跳转提交
    const formData = new FormData(form);
    
    // 异步发送表单数据
    fetch(form.action, {
      method: form.method,
      body: formData,
      mode: 'no-cors' // 适配Google Apps Script的CORS设置
    })
    .then(() => {
      // 提交成功后的处理，比如显示提示、重置表单
      alert('信息提交成功！');
      form.reset();
    })
    .catch(error => {
      console.error('提交失败:', error);
      alert('提交失败，请检查网络后重试。');
    });
  });
});

这个方案不仅解决了iOS PWA的跳转问题，还提升了用户体验，符合PWA的设计理念。

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