移动端开发之调试篇

1,495 阅读1分钟
  1. 真机测试, 可以使用Charles进行抓包, 安装好应用之后需要设置证书信任, 然后在手机端设置网络代理到本机ip, 端口8888, 打开要抓包的网页就可以测试了

  2. 添加Vconsole, 这样能解决大部分的问题, 但是对于线上可以考虑,以某种方式弹出Vconsole, 比如点击某个地方超过n次, 就会弹出,再次点击n次关闭

    • 安装步骤
    • npm安装
        npm install vconsole
        import VConsole from 'vconsole/dist/vconsole.min.js'
        let vConsole = new VConsole() // 初始化
    
    • 当然也可以直接引入min.js, 方法同样,
    • 压缩包大小21kb,可以坐下按需加载, 当调用的使用, 调用使用Promise异步加载js, 加载成功之后, 调用new 方法,
    • Vcosnoel实例下有很多方法, 销毁,vConsole.destroy()
  3. 用hpm工具, HPM是支付宝团队提供的一个工具, 通过安装之后可以安装ios的模拟器, 调试的时候, 需要打开safri浏览器: 开发 > iOS Simulator ,然后就可以像在浏览器上调试了

     tnpm install -g hpm
     hpm sim 
    

    Charles使用教程

    Vconsole神器