zoukankan      html  css  js  c++  java
  • charles-web端开发者实用功能点

    ##网速模拟功能

    throttle功能对于前端来说非常实用,可以看页面在低网速下的表现,从而找出优化的点。

    在线上环境通常有些因为网速慢导致的bug,在本机无法重现,那时候就很抓瞎,如果嫌远程麻烦,推荐使用throttle。

      

      解析下图上几个配置的含义:
      Throttle preset(网速预设)、Bandwidth(带宽)、Utilistation(利用百分比)、Round-trip(往返延迟)、MTU(字节)

    ##牛逼的断点功能

    Charles另一个非常实用的功能,对于开发者和测试人员来说,堪称神器。Charles能够断到发送请求前(篡改Request)和请求后(篡改Response)。

    场景:ajax发送请求,我们需要测试接口的各种边界情况,比如出错、超时等表现,Charles的断点+随意篡改,非常方便测试。 


    针对某一个请求,右键选择“BreakPoints”,开启断点。

    不用在web界面中操作,使用repeat功能,就可再次发送一样的请求。

      

      可以指定断点“get”请求还是“post”请求。

    ##重复发送请求

    “repeat”重复发送一次请求。

    “repeat Advances”可以自定义重复次数和重复间隔。

      

    ##捕获记录控制

    捕获的请求太多,容易产生干扰,Charles可以对捕获记录进行过滤。

    然后配置“exclude”:

     

    ##web界面

    Charles有个有趣的web界面:

      

      其他功能参考:https://juejin.im/post/5a3b6ab06fb9a0452405fffa

  • 相关阅读:
    Vue 自定义指令
    微信小程序 基础知识点整理
    32设计模式之单例
    Redis缓存穿透,缓存击穿,缓存雪崩
    Redis持久化之RDB和AOF
    Redis事务
    Mac下用Homebrew安装mongodb及遇到的问题解决
    mac下国内安装Homebrew教程
    Redis常用命令汇总及集群的配置
    redis.conf配置详解
  • 原文地址:https://www.cnblogs.com/zijuan/p/8856939.html
Copyright © 2011-2022 走看看