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断点调试

    关于: JSPatch -- 热修复BUG神器, 大公司会用它来做模块更新, 而且配合React native会更...

  • JSPatch 断点调试

    在 iOS8 下,JSPatch 支持使用 Safari 自带的调试工具对 JS 脚本进行断点调试: 启动调试工具...

  • [Node] 如何使用 VSCode 调试 child_proc

    1. 背景 使用 VSCode 调试 Node.js 的时候,遇到 child_process 中的断点,是跟不进...

  • js断点调试与工具方法

    JS断点调试教程!!!

  • Flutter开发调试

    代码开发后出问题都会需要调试,调试方法很重要。 1. 断点调试 断点调试跟大家熟悉的 Chrome 的断点调试基本...

  • webstorm断点调试遇到的问题

    最近时间比较多,就拿出了以前学习es6的代码,调试了下。但是突然发现,webstorm的debug不灵了。这就是一...

  • Java基础语法_Day12

    一、Eclipse断点调试 Eclipse断点调试概述 Eclipse的断点调试可以查看程序的执行流程和解决程序中...

  • JSPatch热修复入门指南和js断点调试

    背景 是否有过这样的经历:新版本上线后发现有个严重的bug,可能会导致crash率激增,可能会使网络请求无法发出,...

  • debug

    1 调试1.1 调试方式1.2 调试过程中的功能键的作用2 调试模式的断点2.1 断点类型2.2 静态断点2.3 ...

  • Vue 设置 proxy 代理 - Vue

    开发中接口调试经常会遇到接口调试抛出跨域问题,在 vue.config.js 中设置如下 proxy 即可:注:当...

网友评论

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

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