请问如何使用 OS X 调试 iOS 端的 WebApp?

[cheny95]

如题,请问如何使用 OS X 调试 iOS 端的 WebApp?
是用 AppCloud 封装的 APP
安卓上貌似可以用 chrome 的远程调试
请问 ios 与 OS X 如何调试 webApp? 就像 chrome 调试网页一样.

--感谢!

(个人感觉 Safari 的开发工具比起 chrome 略差.)

搜索到了 2 个方案:
1.Xcode
2.debugGap
目前 1 还没试,2 还没成功...

[helloSwift]

Safari 出了一个开发者版本，你可以去试试。
不过直接用 Chrome 也比较好

[cheny95]

@helloSwift 但是 Chrome 无法喝 iOS 直连,直接打开 HTML 文件控制台会报错...

[a412739861]

不知道是不是我没理解对？
你不是说 Safari 的开发工具比 chrome 差，那不是应该用过他的调试才对么？

真机 USB 连接 MacBook ，打开电脑上的 Safari ，点击开发选项，然后下面会显示有连接的机器， Xcode 写的程序，跑在模拟器里的话，还会多一个 simulator 。

真机上要在设置-Safari-高级-web inspector 打开。
好像跟 Xcode 无关吧。

不知道你说的是不是这个？

[cheny95]

@a412739861 没有连接到 Safari,因为我以前用过 Safari 调试 pc 页面,个人体验没有 chrome 好

你说的真机连接调试前提是手机的 Safari 要打开待调试页面

而我的需求是 一个 iOS 端的 app,里面的内容是使用 HTML5 写的(好像称之为 webApp)

所以,我说 Xcode 之类的,是需要把这个 APP 打包放在 xcode 里,然后用 Safari 打开连接虚拟 iPhone 然后进行调试.(不太想用 Safari 来调试,但是没有办法的话还是会采取这个方案.)

现在用 debugGap,有点起色,还在研究中.

[xi_lin]

@cheny95 safari 能调的 chrome 也行，有一个 iOS WebKit Debug Proxy http://www.jianshu.com/p/19c18c924f91

[cheny95]

@xi_lin 我已经在 localhost:9221 里看到了我的设备,但是你的方法也是监听手机打开的 Safari 页面进行调试吧?
APP 有办法吗? 比如淘宝这样的用 HTML5 开发的 APP,我打开淘宝 APP,这个 iOS WebKit Debug Proxy 有调试吗?

[wangcheng]

同问这个问题。如果开发原声部分和 web 部分的不是一个人怎么办？比如我电脑上没有这个 app 的项目也没有 Xcode ，可以挑事这个 app 内的 webview 吗？

[wangcheng]

同问这个问题。如果开发原生部分和 web 部分的不是一个人怎么办？比如我电脑上没有这个 app 的项目也没有 Xcode ，可以挑事这个 app 内的 webview 吗？

[kitalphaj]

@cheny95 这个 App 的源码你有么？如果你有，你用 Xcode 在真机上运行后，打开 Safari-Develop-你的手机名字-页面名字，应该可以看到的。我有个 App 里面用 WKWebview 和 UIWebview 显示内容的时候就可以调试。如果你没有源码，那这样就不行。

@wangcheng 不行，只有 Debug 模式可以调试我记得。

[cheny95]

@kitalphaj 谢谢 我尝试一下

[xi_lin]

@cheny95 app 内的没问题啊，只要是 UIWebview 和 WKWebview 实现的都和 safari 一样

[cheny95]

@xi_lin 事实是不行...我也不知道为什么,但是用 Xcode 加载源码用模拟器打开 APP Safari 就可以识别到 不过有问题.. 我还是想想解决方案吧,谢谢你们了