课堂任务

任务 1：使用 Fiddler 捕获浏览器访问 “知乎首页（https://www.tmall.com）” 的请求，筛选出 “状态码为 200” 的请求，并记录其中 3 个请求的 URL 和响应大小（在 “Body” 列查看）。

任务 2：在捕获的请求中，找到一个 “类型为图片” 的请求（在 “Type” 列查看，如 “image/jpeg”“image/png”），双击该请求，在 “Response ImageView” 中查看图片内容。​

任务 3：尝试分析 “为什么知乎首页加载时会有多个请求？”（引导学生思考 “首页包含文字、图片、视频等多种资源，每种资源对应一个请求”）。

知乎首页包含文字、图片、视频等多种资源。每种资源都有其独特的格式和特点，服务器需要分别处理这些不同类型的资源请求。例如，文字内容通常以文本格式存储，而图片可能是 JPEG、PNG 等格式，视频则可能是 MP4 等格式。浏览器在加载页面时，会针对这些不同类型的资源向服务器发送不同的请求。就好比你去超市购物，你需要分别购买水果、蔬菜和肉类，每种商品都要单独去对应的区域挑选，对应到网页加载，就是每种资源都要单独向服务器请求。

将不同类型的资源分开请求，有利于资源的独立管理和维护。如果所有资源都打包在一起，一旦其中某个资源出现问题，可能会影响到整个页面的加载。而分开请求后，当图片资源出现加载失败时，文字内容依然可以正常显示。例如，在知乎首页，如果一张图片因为网络问题无法加载，并不会影响到旁边文字内容的显示和阅读