charles抓不到html请求的主因是代理未生效或https未解密：需确保设备走代理、安装并信任证书；webview可能绕过代理；响应乱码因压缩未解压或编码不匹配；请求不显示或因service worker缓存或js拦截。
Charles抓不到HTML页面的请求？先确认代理和HTTPS配置
移动端HTML页面在Chrome或WebView里打不开Charles，大概率是设备没走代理，或者HTTPS证书没装。iOS和Android处理方式不同，但核心就两点：网络必须经Charles转发，HTTPS请求必须被Charles解密。
操作前确保：
– Charles已开启代理（Proxy → Proxy Settings，端口默认8888）
– 手机和电脑在同一Wi-Fi下，手机手动设置HTTP代理为电脑IP+端口
– iOS需在设置 → 已安装描述文件里信任Charles证书；Android 7+需把chls.pro/ssl下载的证书放进系统证书目录（仅用户证书无法解密App内WebView）
WebView加载的HTML不显示抓包？检查是否绕过代理或禁用HTTPS解密
很多Hybrid App会主动忽略系统代理，或调用setWebViewClient后拦截请求自行处理。此时Charles收不到任何请求，不是配置问题，而是代码绕过了。
常见原因：
– Android WebView调用了WebSettings.setUseWideViewPort(true)但没配setBlockNetworkLoads(false)（旧版API）
– iOS WKWebView默认不走系统代理，需在Info.plist加NSAppTransportSecurity并设NSAllowsArbitraryLoads为YES（仅调试用）
– Charles里没勾选SSL Proxying → Enable SSL Proxying，或没把目标域名（如*.example.com）加进SSL Proxying Locations
抓到请求但响应体是乱码或空白？多半是编码或压缩没关
HTML资源常带Content-Encoding: gzip，Charles默认不解压显示，看着像空响应。另外部分页面返回text/html; charset=gbk但Charles按UTF-8解析，也会乱码。
解决办法：
– 在Charles右键请求 → Decode Content（自动解gzip、deflate）
– 若仍乱码，右键响应 → Response → Text View → Encoding → GBK手动切编码
– 避免误操作：不要点Breakpoints后忘了Execute，否则请求会卡住，页面白屏
为什么有些HTML请求在Charles里根本不出现在结构树？
因为它们根本没发出去——可能是前端JS做了条件过滤、缓存拦截，或被Service Worker劫持了。尤其PWA类HTML页面，首次加载后后续资源全走SW缓存，Charles完全不可见。
排查建议：
– Chrome DevTools里打开Application → Service Workers，勾选Unregister并刷新
– 查看Console是否有Failed to load resource: net::ERR_FAILED，说明请求被JS主动abort
– 在Charles里开启Sequence视图，比对时间轴，确认是否真没发出，还是发了但被过滤（比如被Include Filter规则屏蔽）
真实场景中，最常被忽略的是WebView初始化时机早于代理生效，或者企业内网DNS把域名解析到了本地IP，请求根本没出设备。这时候得抓手机本身的网络日志，而不是只盯着Charles。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
