前言
今天整理一下前端开发调试之移动端调试这门课的知识点。浅浅复盘一下。
Bug的产生
bug的起源可以追溯到计算机科学的早期发展阶段。在20世纪40年代末和50年代初，计算机还处于非常原始的阶段，使用的是电子管和继电器等元件。在这个时期，计算机程序是通过设置开关和插头来控制计算机的运行。由于计算机中的一个故障，哈佛大学驻地计算机实验室的一位工程师Grace Hopper发现了一只飞蛾卡在计算机的继电器中导致故障。于是她将这个故障称为“bug”。尽管这只飞蛾并不是导致故障的真正原因，但这个词被广泛接受，并成为描述计算机程序中的错误的常用术语。当然，现在bug已经成为我们生活中的一个热门词汇。它也不仅仅指计算机程序中的错误，也可以是语言、文章上的错误。
移动端的调试
- 使用真机进行调试： 将移动设备和电脑通过USB连接线连接起来，然后开启设备的开发者模式，打开USB调试。接着在Chrome浏览器中打开开发者工具Chrome浏览器，按下F12键，或通过右键菜单选择"检查"打开开发者工具，最后在开发者工具的顶部工具栏中，点击右上角的设备模式按钮，选择"USB设备"，即可在真机上调试网页。
- 使用Charles进行移动端调试 首先安装并启动Charles代理软件，打开移动设备，并连接到与电脑相同的网络在移动设备的无线设置中，找到网络连接的高级选项，设置代理服务器的IP地址为电脑的IP地址，并设置端口号为Charles的监听端口。然后打开移动设备上的应用程序，例如一个使用网络请求的应用。同时在Charles的电脑界面上，看到移动设备上的请求流量开始显示。点击代理选项卡，勾选"Enable SSL Proxying"选项勾选。移动设备上的应用程序使用HTTPS，要在Charles的电脑界面上设置SSL代理。点击"Proxy"菜单，选择"SSL Proxying Settings"，添加需要代理的域名和端口号。然后在Charles的电脑界面上，可以查看移动设备上请求的详细信息，包括请求URL、请求头、请求体等。我们也可以修改请求头或请求体，以模拟不同的情况进行调试。此外，还可以使用Charles的其他功能，如查看响应内容、重发请求、模拟慢速网络等，进行更深入的调试。
总结
这门课程通过对理论拆解，逐步剖析在移动端调试中真机与代理调试的过程步骤，展现了移动端调试的具体操作，也方便学习时紧跟老师步伐。今天的笔记写完了。
