如何在iPhone上编辑并使用本地HTML+JS文件测试Web服务？

完全可以实现你的需求，以下是对应每个需求的具体操作方法：

1. 无需搭建Web服务器创建本地HTML+JS文档 #

• 用iPhone自带的「文件」APP：在任意文件夹中长按空白处，选择「新建文件」，命名为test-form.html，打开文件即可编写HTML和JS代码（自带编辑器适合简单内容）。
• 用第三方文本编辑器（如Textastic、iA Writer）：这类APP支持语法高亮，更适合编写代码，新建.html文件后直接嵌入HTML结构和JS逻辑即可。

2. 在本地浏览器中轻松打开文档 #

• 在「文件」APP中找到目标.html文件，长按后选择「共享」，在弹出菜单中选择「Safari浏览器」即可直接打开。
• 如果使用第三方编辑器，大部分都自带「在浏览器中预览」功能，一键即可在Safari或其他浏览器打开本地文件。

3. 运行页面中嵌入的JavaScript #

• Safari默认允许本地HTML执行嵌入的JS代码，确保开启JS功能：进入「设置」→「Safari浏览器」→「高级」，确认「JavaScript」选项处于开启状态。
• 若使用第三方浏览器（如Firefox for iOS），同样需要在浏览器设置中确认JS功能已开启，这类浏览器对本地JS的支持也很完善。

4. 通过XHR发送POST请求不触发跨域限制 #

由于本地file://协议没有合法的Origin，直接发送请求会被浏览器的跨域策略拦截，可通过以下两种方式解决：

• 开启Safari开发者模式：
  1. 进入「设置」→「Safari浏览器」→「高级」，开启「Web检查器」。
  2. 将iPhone连接到Mac，打开Mac端Safari，在「开发」菜单中找到你的iPhone设备，选中打开的本地页面标签，勾选「禁用跨域限制」。此时本地页面发送POST请求将不会被拦截，可正常与目标Web服务交互。
• 使用fetch API并设置mode: 'no-cors'：
  如果不需要获取服务端响应内容，仅需提交数据，可在JS中使用fetch时添加配置：

  fetch('https://你的目标服务地址', {
    method: 'POST',
    mode: 'no-cors',
    headers: {
      'Content-Type': 'application/x-www-form-urlencoded'
    },
    body: '参数1=值1&参数2=值2'
  });
  

  这种方式不需要额外设置，但无法获取响应状态或内容，适合仅测试数据提交场景。

5. 快速编辑页面 #

• 若使用第三方文本编辑器，直接打开已保存的.html文件即可修改，保存后刷新浏览器页面即可生效。
• 若用「文件」APP创建的文件，长按文件选择「编辑」即可进行简单修改，完成后点击「完成」保存，刷新浏览器即可看到更新。

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