[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**

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