React Native：如何在真实iOS设备使用Remote JS Debugger？遇连接超时

嘿，没问题的！React Native的Remote Debugger完全可以在真实iOS设备上启用，你遇到的「连接超时」和浏览器访问/debugger-proxy返回Cannot GET的问题，大概率是设备与开发机的网络连通性、packager配置或者服务启动状态出了问题。下面是我整理的一步步排查修复方案，亲测有效：

1. 先确保设备和开发机在同一局域网 #

这是最基础的前提：

• 你的真实iOS设备和运行packager的电脑必须连接同一个Wi-Fi（或者同一局域网），不然设备根本没法访问开发机上的packager服务。
• 可以先在开发机上查自己的局域网IP：Mac用终端执行ifconfig，Windows用命令提示符执行ipconfig，找到对应的Wi-Fi网段IP。
• 然后在iOS设备的Safari里访问http://[你的开发机IP]:8081，如果能打开React Native的packager页面，说明网络连通正常；如果打不开，先解决网络问题（比如关闭电脑防火墙、检查Wi-Fi是否开启了设备隔离）。

2. 让设备指向开发机IP而非默认的localhost #

默认情况下，iOS设备会尝试访问localhost，但这个地址在设备上指的是它自己，不是你的开发机，所以得改配置：

• 打开Xcode里的项目，找到Info.plist文件，添加NSAppTransportSecurity字典：
  • 里面新增NSAllowsArbitraryLoads并设为YES（iOS 10+更推荐精准配置：添加NSExceptionDomains，把你的开发机IP或localhost加入，允许HTTP加载）。
• 启动packager时指定主机IP：在终端执行react-native start --host [你的开发机局域网IP]，确保设备能正确定位到开发机的packager服务。

3. 修复packager的debugger服务状态 #

你访问/debugger-proxy报错，是因为这个是内部接口，不需要手动访问，而且可能packager的debugger服务没正常启动：

• 先彻底关闭所有packager进程：Mac终端执行killall node，Windows在任务管理器里结束所有node.exe进程。
• 然后重置缓存重启packager：终端执行react-native start --reset-cache，这个命令会清空旧缓存并重新启动服务。
• 启动后，在开发机浏览器访问http://localhost:8081/debugger-ui，如果能打开这个Remote Debugger的前端页面，说明debugger服务已经正常运行了。

4. 手动触发设备连接Remote Debugger #

在真实iOS设备上打开你的RN应用：

• 摇晃设备（或者在Xcode的Debug菜单里选Simulate Shake），弹出开发者菜单。
• 选择「Debug JS Remotely」，这时候开发机的浏览器会自动打开debugger页面，设备也会尝试和packager的debugger-proxy建立连接。
• 如果还是超时，检查设备有没有开启VPN、全局代理这类工具，有的话先关掉，这类工具可能会阻断局域网内的连接。

5. 检查React Native版本兼容性 #

如果你用的是比较旧的RN版本（比如0.60之前），可能存在真实设备Remote Debugger的已知bug，建议升级到稳定版，或者查看对应版本的官方release notes有没有相关修复。

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