Charles 4.6.7 浏览器网络调试指南：介绍与安装(一)

1.概述

Charles 是目前最主流的浏览器网络调试工具（Charles、Fiddler、Wireshark...）之一，对于一个开发者来说与网络打交道是日常需求，因此很多时候我们需要调试参数、返回的数据结构、查看网络请求的各种头信息、协议、响应时间等等。所以了解 Charles 并使用它。Charles 通过将自己设置为系统的网络访问代理服务器，这样所有的网络请求都会通过它，从而实现了网路请求的截获和分析。Chareles 不仅可以分析电脑本机的网络请求（HTTP 和 HTTPS），还可以分析移动端设备的网络请求。

2. Charles是什么

Charles是一款强大的网络分析与调试工具，常用于HTTP和HTTPS网络请求的抓包与分析。它提供的功能包括抓包、分析、调试和修改网络请求，在前端开发、后端调试和网络敏感情况模拟方面都极具价值。

3. Charles的优势

• 多平台支持：适用于Windows、macOS和Linux系统，可以涉及应用开发和网络敏感调试。
• 全面的抓包能力：支持HTTP和HTTPS请求，包括所有网络流量。
• 易用的界面：操作界面相对直观，学习成本低。
• 强大的调试功能：采用Breakpoints和Rewrite功能，可以对请求和响应进行精确控制和修改。

4. Charles安装步骤

4.1 下载安装包

官网地址：Download a Free Trial of Charles • Charles Web Debugging Proxy

4.2 安装流程

• 双击下载的EXE文件进入安装流程。
• 按照默认设置点击“Next”、选择安装目录、同意协议，最终点击“Install”。
• 安装完成后点击“Finish”。

4.3 初始设置

首次打开Charles时，需要配置系统代理：

• Windows：在Charles中选择“Proxy > Proxy Settings”，配置HTTP和HTTPS代理信息，指定端口。

4.4. 安装SSL证书

因为Charles要查看HTTPS请求，必须安装SSL证书：

• 在Charles中选择“Help > SSL Proxying > Install Charles Root Certificate”。
• 通过系统设置安装证书，并完成信任设置。

4.5.运行和验证

安装完成后，打开Charles，点击工具栏中的“Start Recording”，就可以开始追踪网络流量。

• 测试：通过浏览器访问一个网站，查看请求和响应记录。
• 提示问题：如果无法抓包，确认代理设置是否正确，并检查是否激活SSL代理功能。

5. 总结

通过下载和安装，我们已经完成了Charles的基础配置，为之后的抓包与分析扛实了基础。作为一款完善的网络分析工具，Charles能够在后端调试和前端开发中提供极大便捷，下一步将进入基础功能介绍。