如何在iPhone上直接测试Three.js AR项目？

方法1：本地局域网服务器访问 #

• 先在电脑上搭建静态文件服务器：
  • 用Node.js的http-server，安装命令：npm install -g http-server
  • 进入项目根目录，运行：http-server -p 8080 --cors（添加--cors是避免AR摄像头权限触发跨域限制）
• 获取电脑的局域网IP地址：
  • Mac：打开「系统设置」→「网络」，查看当前WiFi的IP
  • Windows：打开命令提示符，输入ipconfig，找到「无线局域网适配器WLAN」下的IPv4地址
• 确保iPhone和电脑连接同一WiFi，在iPhone的Safari中输入http://[电脑局域网IP]:8080，授权摄像头权限后即可测试，修改本地代码后刷新页面就能实时看到效果

方法2：Safari远程调试（支持实时修改调试） #

• 开启iPhone开发者模式：
  • 打开「设置」→「隐私与安全性」→ 拉到最下方开启「开发者模式」，重启iPhone
• 电脑端准备：
  • 打开Safari偏好设置→「高级」，勾选「在菜单栏显示开发菜单」
• 连接调试：
  • 用USB线将iPhone连到电脑，在电脑端Safari的「开发」菜单中选择你的iPhone设备，再选择已打开的项目页面
  • 此时可以直接在电脑端修改代码，刷新iPhone上的页面即可同步效果，还能调试控制台日志、DOM元素

方法3：iOS本地Web服务器APP（脱离电脑测试） #

• 在App Store下载支持本地Web服务的APP（如「Web Server for iOS」）
• 将项目文件通过APP的文件上传功能导入（可通过AirDrop、iCloud或USB传输）
• 启动APP内的Web服务器，在iPhone Safari中访问APP提供的本地地址（通常是http://localhost:端口号），即可直接运行AR项目，修改文件后重新导入刷新即可

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