前端神器——Charles(花瓶)的下载配置使用流程【MAC版本】
1、前言
你是在跨终端跨浏览器开发中是否遇到过如下困难呢:某个bug只能在某种机型的某个浏览器上复现,想debug无从下手。只能在dev环境打上console后推到开发环境,在用vscosole去查看!这样每次想console一次就得推一版上去,及其浪费时间,及其痛苦!接下来介绍的这款工具就可以一次配置,终身爽翻~
Charles的作用
- 实现请求拦截,抓包分析(可以跨终端,下面会提到)
- 将本地域名代理出去,可以供局域网的其他终端访问。
2、下载
支持正版!!!
正版下载地址:https://www.charlesproxy.com/
对于不商用,自己调试的同学可以进行小小的破解。
破解工具:https://www.zzzmode.com/mytools/charles/
3、配置
3.1、查看电脑的ip地址
打开网络偏好设置,红框内即为ip地址
3.3 下载并信任证书(mac篇)
如果不做此部,可能会造成电脑无法上网的情况
点击这里安装好证书之后,按住alt + 空格唤出聚焦搜索,之后搜索钥匙串,将红框中的设置为始终信任
3.2、配置mac抓包
完成这一步,我们就可以抓到mac电脑上的请求包了。
接下来就是重头戏,抓其他终端的请求包,以ios手机为例子
3.3、启用SSL代理
首先需要在mac电脑上启动ssl代理
3.4、ios手机抓包
手机先点到如下位置
设置->无线局域网->配置代理->手动 做如下设置
这是电脑会出现一个弹窗,选择allow就好啦
3.5、 手机安装SSL证书
在手机Safari浏览器输入地址 https://chls.pro/ssl,出现证书安装页面,点击安装
手机设置有密码的输入密码进行安装.
iOS 10.3系统及以上,需要在 设置→通用→关于本机→证书信任设置 里面启用完全信任Charles证书,打开信任正式按钮
参考:
https://blog.csdn.net/etemal_bright/article/details/111578849
https://www.jianshu.com/p/5539599c7a25
前端神器——Charles(花瓶)的下载配置使用流程【MAC版本】相关推荐
- sonarQube 7.2版本下载配置pmd插件(版本要兼容),并设置只使用pmd规则
sonarQube 7.2版本下载配置pmd插件(版本要兼容),并设置只使用pmd规则 sonar入门了解 sonarQube是一款优秀的持续集成平台工具,能集成业内常见的CI工具,如Jenkins, ...
- github桌面版下载,windiows和mac版本的github桌面版下载
github桌面版下载,windiows和mac版本的github桌面版下载 github桌面版下载,windiows和mac版本的github桌面版下载. 百度网盘链接:https://pan.ba ...
- 手机安装pem_抓包神器Charles的配置安装与弱网测试,你会了吗?
本文来自牛鹭学院学员:丁孟辉.陈金金 注意:在开发移动端项目没有网页的情况下,可以使用Charles抓取数据进行分析. 概念 Charles是一款Http代理服务器和Http监视器,当移动端在无线网连 ...
- Charles ——抓包工具安装与(Charles与浏览器)配置(Python爬虫必备神器)
Charles安装 1.下载 还是先介绍一下: Charles是在 Mac 下常用的网络封包截取工具,在做 移动开发时,我们为了调试与服务器端的网络通讯协议,常常需要截取网络封包来分析. Charle ...
- 抓包神器 Charles 使用教程详解
目录 安装 配置 核心功能 Charles 设置 过滤网络请求 分析 HTTPS 包 模拟弱网 Mock 数据 安装 1.官网:https://www.charlesproxy.com/downloa ...
- 打造前端 Deepin Linux 工作环境——安装配置 atom 编辑器
打造前端 Deepin Linux 工作环境--安装配置 atom 编辑器 好,我个人推荐大家使用 atom 编辑器,第一是免费,第二是好看,第三是好用. 安装 atom 编辑器 我们输入 apt-c ...
- 前端神器 webstorm 使用技巧
webstorm 我从开始做前端到现在,几乎是天天用ws,当然Vscode 也用过(除了以前的切图仔前端用的dreamweaver),用了大约7年+多了,ws真不亏是前端神器,真心强大的不行,除了占内 ...
- charles 手机证书下载安装
charles 手机证书下载安装 本文的Charles,适应windows/MAC/IOS/Android,避免抓包HTTPS失败和乱码: 用的版本是V4.1.2,其它版本原理类似: charles如 ...
- FRP 内网穿透下载配置
FRP 内网穿透下载配置 Frp服务的建造 下载: 修改配置文件 frps.ini(服务端)配置文件解释说明: frpc.ini(客户端)配置文件解释说明: 启动服务 配置启动: 创建server端服 ...
最新文章
- 奇异值分解 SVD 的数学解释
- [微信小程序]组件化开发,以一个自定义模块框组件当做示例(附完整示例代码和效果图)
- 优雅地记录http请求和响应的数据
- centos下搭建yum服务器
- 上传图片即时显示图片
- 如何实现数组和 List 之间的转换?
- C++函数指针和类成员函数指针
- 2017.5.9 货车运输 思考记录
- Minitab散点图技巧
- mysql创建数据库sql语句
- Unity3D面试总结
- 【Qt一骚操作】Qt语言家 Qt Linguist 使用 【总结】
- 医疗管理核心制度之 十八、信息安全管理制度
- python 获得时间戳_Python 获取时间戳
- 加密与启示录:Crypto是流着奶与蜜的“应许之地”
- iOS游戏开始者从零开始:6个月的学习编程经历
- 转一篇关于如何改变性格,建立自信的帖子,写的很好,我一定做到,看后才明白自己到底该如何改变
- 华为OD机试题:按区间反转文章片段
- Python 画沿着高对称性的能带图
- Spring框架中的单例Bean是线程安全的么?