前端的调试工具和node调试工具

  前端调试工具有很多,只要自己用顺手一种就可以了,本人是windows

 fiddler工具,

   一:AutoResponter 这是最长用的吧,可以代理接口,模拟数据,

    三个步奏:1.拿到接口数据

       2.点击AutoResponter的Rule Editor 配置本地地址 保存,

       3.打来AutoResponter就行了

    详细用法(1):请求你的页面在fiddler看到你的接口名称选中, 点击AutoResponter 一栏,点击Add Rule ,效果是:你的接口名称会在AutoResponter下面出现,
         (2):选中接口名称右键 看到Save的 最后一栏 ...and Open as Local file ,  效果是:接口请求的数据会导出到本地,

         (3):在AutoResponter 最下方的Rule Editor中 第一栏是你的接口名称,第二栏是配置本地的接口文件,选中刚导出本地的文件 save保存,打开   AutoResponter就行了。

  二:Stave 这个工具可以代理本地文件模拟线上页面,用处就是:不用线上发布 打包文件就行了,省去发布一环节

     用法:1.点击Stave一栏选中 project one中的一个右键添加一个规则,把线上地址替换为本地文件 选中一个颜色,

      2.在打开项目页面时候,fiddler会看到你选中的颜色请求,

Chrome的:inspect

  一:这个可以真机调试 也可以在电脑中下载一个模拟器调试,

  1.真机调试要连接线连接手机电脑,在手机设置中允许调试,安装测试包apk 打开页面,

  2.打开chrome://inspect 页面 点击inspect进入Chrome调试

  二:同样的方式,只是不用真机调试,在电脑中安装模拟器,我用的是雷电模拟器,需要下载

    同样步奏是上面1,2

node调试工具:Debug

  1:需要在项目中安装 koa koa-route

    命令行输入:npm install --save koa koa-route

  2:引入koa模块

  3:命令行输入:node --inspect app.js

  4:打开Chrome:inspect调试页面就可以调试了 其他的都和页面调试一样了,

  node调试工具有很多这只是一种,百度一下会有很多教程

  

posted on 2018-05-06 15:29  我想要的世界  阅读(165)  评论(0编辑  收藏  举报

导航