[TOC]
# charles 篇
也有windows版本。
官网:[https://www.charlesproxy.com/download/](https://www.charlesproxy.com/download/)
破解网站:[http://charles.iiilab.com/](http://charles.iiilab.com/)
输入`ifconfig`,找到自己的ip地址,例如:
~~~
en1: flags=8863<UP,BROADCAST,SMART,RUNNING,SIMPLEX,MULTICAST> mtu 1500
ether 6c:19:8f:04:7f:c4
inet6 fe80::37:35e7:bc7d:e772%en1 prefixlen 64 secured scopeid 0x5
inet 192.168.0.104 netmask 0xffffff00 broadcast 192.168.0.255
nd6 options=201<PERFORMNUD,DAD>
media: autoselect
status: active
~~~
可以知道`status: active` 为正在使用的网络,中的`192.168.0.104`为自己的本机ip地址。
1. 手机和电脑必须在一个局域网内,不一定非要是一个ip段,只要是同一个路由器下就可以了。
2. 在手机的 “设置”->“无线局域网“中,可以看到当前连接的wifi名,通过点击右边的详情键,可以看到当前连接上的wifi的详细信息,包括IP地址,子网掩码等信息。在其最底部有“代理”或“HTTP代理”一项,
然后填上**Charles运行所在的电脑的IP,以及端口号8888**
![](https://box.kancloud.cn/e4bcb82e96c0909a9736bb6158fbb8d3_469x323.png)
3. 设置好之后,我们打开iPhone上的任意打开网络链接, 尽情地玩耍,哈哈!(然后你会发现很多app的密码和账户一览无余,so,以后注册小公司网站时密码一定要和自己的qq, 支付宝等等密码区分开,要不然小公司服务器被攻破之后,后果可想而知)
## Charles 抓不到 Chrome 的包
默认的8888端口被占用了,`lsof -i tcp:8888` 查看了下。
如果 chrome 浏览器装了 SwitchyOmega 等代理插件等之类的东西,请禁用,或选择“系统代理”,如此 Charles 才能正常抓浏览器的数据。
或者本机上的其他代理软件的冲突。
## 如果想禁止Charles,点那个小红点start recording / stop recording 就ok了!
- 前言
- 中文字体
- 移动Web适配方案
- !移动Web基础!
- 详解适配相关概念
- 移动开发之设计稿
- 移动适配方案(一)
- 移动适配方案(二)
- vw+rem 实现移动端布局
- 移动端适配之雪碧图(sprite)背景图片定位
- 适配 iPhoneX
- 前端开发实战
- 打造自己的前端开发流程(Gulp)
- flexible.js案例讲解
- viewport 与 flexible.js解读
- 图片与字体
- 踩过的坑
- 浏览器默认样式
- 300ms点击延迟和点击穿透
- ios css
- CSS 常见问题
- Ionic v1混合开发
- Native App、Web App 、Hybrid App?
- ionic项目结构
- 混淆加密
- 解决问题
- cordova
- 环境配置
- 打包发布
- 问题
- 移动前端开发优化
- Web开发之抓包
- ===web移动开发资源===
- H5组件框架
- 调试集合
- 简单h5调试
- whistle
- devtools-pro