JSPatch中遇到的问题-js断点调试

作者: itonny | 来源:发表于2017-01-22 15:41 被阅读98次
    关于:

    JSPatch -- 热修复BUG神器, 大公司会用它来做模块更新, 而且配合React native会更好. 关于它的一些介绍就不废话了, 直接上说做 hot fix js断点调试 中遇到的问题

    js断点调试步骤
    • 1 推荐代码优先使用工具转换会省很多时间 : JSPatchConvertor

    • 2 将OC代码转换后, 保存成main.js文件, 拖到项目中去

    • 3 在app delegate里面写上

    - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
    
    // 用于发布前测试脚本。先把脚本放入项目中,调用后,会在当前项目的 bundle 里寻找 main.js 文件执行
    [JSPatch testScriptInBundle];
    
    return YES;
    }
    
    • 4 转换后启动 js断点调试 : JS-断点调试

    • 5 在真机上运行项目 Safari 会弹出 Safari Web检查器

      Snip20170120_1.png
      • 如果没有弹出 Safari Web检查器, 直接点击 JSContext
    Snip20170120_2.png

    相对于js不熟悉的, 仔细看文档 : JSPatch用法

    遇到的问题
    • 1 关于API defineClass
    Snip20170120_3.png
    • 注意点 :
      • 如果没有新增property,字符串数组,这一项可省略, 有的话就加进去数组, 在这里假设有属性property

      • 如果既有 方法, 又有 实例方法, 分别用一个括号扩住方法用逗号隔开, 实例方法在前, 类方法在后

    // JS
    defineClass("JPTableViewController", ['data', 'totalCount'], {
    //实例方法
    }, {
    //类方法
    shareInstance: function() {
    ...
    },
    })

        + **如果有 `类` 方法,  没有 `实例方法` , 前面装`实例方法`{} 不能省略**
    
          ```
    // JS
    defineClass("JPTableViewController", ['data', 'totalCount'], {}, {
      //类方法
      shareInstance: function() {
        ...
      },
    })
    
    + **如果没有 `类` 方法, 有 `实例方法` , 后面装`类`方法的{} 不能省略**
    
      ```
    

    // JS
    defineClass("JPTableViewController", ['data', 'totalCount'], {
    //实例方法
    }, {})

    - **举个栗子** : 真机运行, 点击单步调试, 会定位了崩溃的错误地点
    ![Snip20170120_7.png](https://img.haomeiwen.com/i1426699/1c3bcdfe7b245b48.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)鼠标放上去定位具体错误地点
        ![Snip20170120_8.png](https://img.haomeiwen.com/i1426699/87559c036b360028.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)**解决 : 查询文档是locate后面不应该有()**
    ![Snip20170120_9.png](https://img.haomeiwen.com/i1426699/1c962772aefb8723.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
    
    - **去掉上面 `locate` 后面的这个括号** : 继续运行程序, 点击单步调试, 异常结果如下 :  找不到这个宏
    ![Snip20170120_10.png](https://img.haomeiwen.com/i1426699/0a6fea345ae2505e.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
    > 查询文档得知, `Objective-C 里的常量/枚举不能直接在 JS 上使用
    
    + **解决过程** : 可以直接在 JS 上用 `具体值`代替 `NSNotFound ` 在OC中按住command点击 查看是 `static const NSInteger NSNotFound = NSIntegerMax;` 
    继续点击查询发现`#define   NSIntegerMax    LONG_MAX` 本身是一个宏, 无法得知具体数值, 只能打印`NSLog(@"宏: %ld", (long)NSNotFound);` 得到结果 `9223372036854775807`
    
    + **解决** 用上面 `log` 的数值取代`main.js`里面的`NSNotFound`,运行程序, 不会报错了.

    相关文章

      网友评论

        本文标题:JSPatch中遇到的问题-js断点调试

        本文链接:https://www.haomeiwen.com/subject/ajzwbttx.html