iOS Capacitor应用调试问题:WebInspector未显示项目文件
解决Capacitor iOS应用WebInspector无项目文件的问题
等待Web资源完全加载
Capacitor应用启动时会先加载原生壳,再加载Web内容,若过早打开WebInspector,可能Web资源还未完成加载。等App首页完全渲染后,关闭并重新打开WebInspector试试。确认WebInspector的目标选择
先确保Safari开启了「开发」菜单(前往Safari偏好设置-高级,勾选「显示开发菜单」)。在「开发」菜单里找到对应模拟器设备,选择App对应的WebView实例(通常是带有App名称的条目),而非系统默认的Web内容选项。重置模拟器数据
模拟器WebView缓存可能导致加载异常,执行以下操作:- 关闭App并退出模拟器
- 终端运行
xcrun simctl erase all清空模拟器所有数据 - 重新启动模拟器,执行
npx cap run ios重新运行项目
检查Capacitor配置
确保capacitor.config.ts的server配置未限制调试:export default defineConfig({ server: { cleartext: true, allowNavigation: ["*"], }, // 其他配置项 });重新构建并同步资源
若Web资源未正确同步到原生项目:- 执行前端项目构建命令(如
npm run build,依框架调整) - 运行
npx cap sync ios同步资源到iOS项目 - 重新运行项目
- 执行前端项目构建命令(如
更新Capacitor依赖
旧版本可能存在兼容性问题,执行命令更新:npm update @capacitor/core @capacitor/ios npx cap update ios
内容的提问来源于stack exchange,提问作者Ahmed Bahgat
相关产品推荐
相关产品推荐

