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

  • 相关阅读:
    在网页中插入MSN,Skype,QQ的方法
    magento jQuery冲突N种方法
    Magento文件系统目录结构
    CentOS Linux系统下更改Apache默认网站目录
    LINUX下如何开启FTP服务器
    php $_SERVER中的SERVER_NAME 和HTTP_HOST的区别
    PHP中常用的函数
    LNMP服务器虚拟主机管理lnmp
    前端开发语言
    ESXI删掉无效主机
  • 原文地址:https://www.cnblogs.com/zijuan/p/8856939.html
Copyright © 2011-2022 走看看