V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
cheny95
V2EX  ›  iOS

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

  •  
  •   cheny95 · 2016-05-31 10:30:21 +08:00 · 2724 次点击
    这是一个创建于 3129 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    --感谢!

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

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

    12 条回复    2016-06-01 13:09:18 +08:00
    helloSwift
        1
    helloSwift  
       2016-05-31 11:10:57 +08:00 via iPhone
    Safari 出了一个开发者版本,你可以去试试。
    不过直接用 Chrome 也比较好
    cheny95
        2
    cheny95  
    OP
       2016-05-31 11:13:34 +08:00
    @helloSwift 但是 Chrome 无法喝 iOS 直连,直接打开 HTML 文件控制台会报错...
    a412739861
        3
    a412739861  
       2016-05-31 11:33:10 +08:00
    不知道是不是我没理解对?
    你不是说 Safari 的开发工具比 chrome 差,那不是应该用过他的调试才对么?

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

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

    不知道你说的是不是这个?
    cheny95
        4
    cheny95  
    OP
       2016-05-31 12:06:50 +08:00
    @a412739861 没有连接到 Safari,因为我以前用过 Safari 调试 pc 页面,个人体验没有 chrome 好

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

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

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

    现在用 debugGap,有点起色,还在研究中.
    xi_lin
        5
    xi_lin  
       2016-05-31 12:48:51 +08:00
    @cheny95 safari 能调的 chrome 也行,有一个 iOS WebKit Debug Proxy http://www.jianshu.com/p/19c18c924f91
    cheny95
        6
    cheny95  
    OP
       2016-05-31 15:02:50 +08:00
    @xi_lin 我已经在 localhost:9221 里看到了我的设备,但是你的方法也是监听手机打开的 Safari 页面进行调试吧?
    APP 有办法吗? 比如淘宝这样的用 HTML5 开发的 APP,我打开淘宝 APP,这个 iOS WebKit Debug Proxy 有调试吗?
    wangcheng
        7
    wangcheng  
       2016-05-31 18:22:05 +08:00
    同问这个问题。如果开发原声部分和 web 部分的不是一个人怎么办?比如我电脑上没有这个 app 的项目也没有 Xcode ,可以挑事这个 app 内的 webview 吗?
    wangcheng
        8
    wangcheng  
       2016-05-31 18:22:16 +08:00
    同问这个问题。如果开发原生部分和 web 部分的不是一个人怎么办?比如我电脑上没有这个 app 的项目也没有 Xcode ,可以挑事这个 app 内的 webview 吗?
    kitalphaj
        9
    kitalphaj  
       2016-06-01 07:58:08 +08:00
    @cheny95 这个 App 的源码你有么?如果你有,你用 Xcode 在真机上运行后,打开 Safari-Develop-你的手机名字-页面名字,应该可以看到的。我有个 App 里面用 WKWebview 和 UIWebview 显示内容的时候就可以调试。如果你没有源码,那这样就不行。

    @wangcheng 不行,只有 Debug 模式可以调试我记得。
    cheny95
        10
    cheny95  
    OP
       2016-06-01 08:34:56 +08:00
    @kitalphaj 谢谢 我尝试一下
    xi_lin
        11
    xi_lin  
       2016-06-01 12:58:07 +08:00
    @cheny95 app 内的没问题啊,只要是 UIWebview 和 WKWebview 实现的都和 safari 一样
    cheny95
        12
    cheny95  
    OP
       2016-06-01 13:09:18 +08:00
    @xi_lin 事实是不行...我也不知道为什么,但是用 Xcode 加载源码用模拟器打开 APP Safari 就可以识别到 不过有问题.. 我还是想想解决方案吧,谢谢你们了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3212 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 12:20 · PVG 20:20 · LAX 04:20 · JFK 07:20
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.