前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >谷歌浏览器如何收集HAR文件,HAR文件是什么?

谷歌浏览器如何收集HAR文件,HAR文件是什么?

原创
作者头像
子沐u
发布2024-01-22 15:33:42
1.5K0
发布2024-01-22 15:33:42
举报
文章被收录于专栏:星星

前言

HAR(HTTP Archive)文件是一种记录浏览器与服务器之间网络通信的格式。它包含了在浏览器中加载网页时发生的各种网络请求和响应的详细信息,包括请求和响应头部、请求和响应体、时间戳、Cookie、缓存信息等。

HAR文件的作用主要有以下几个方面:

  1. 性能分析:HAR文件可以用于分析网页加载性能。通过查看HAR文件中的请求和响应信息,可以了解每个资源的加载时间、响应状态、大小等,从而识别潜在的性能瓶颈和优化机会。
  2. 调试和故障排查:HAR文件可以用于调试和故障排查。它提供了详细的网络通信信息,可以帮助开发人员定位网络请求问题、错误状态码、缓存问题等,以便进行修复和改进。
  3. 安全分析:HAR文件可以用于安全分析。通过查看HAR文件中的请求和响应信息,可以检查是否存在潜在的安全风险,例如未加密的敏感数据传输、跨站脚本攻击等。
  4. 自动化测试:HAR文件可以用于自动化测试。通过记录HAR文件,可以重放网络请求,模拟用户行为,进行自动化测试和性能测试,以验证网页的功能和性能。

总之,HAR文件是一种记录浏览器与服务器之间网络通信的格式,它在性能分析、调试、故障排查、安全分析和自动化测试等方面具有重要作用,所以收集HAR文件可以更好的帮助开发人员和测试人员更好地理解和优化网页加载过程。

谷歌浏览器收集HAR文件指引

本文以谷歌浏览器120.0.6099.225(正式版本) (64 位)为例进行演示。

谷歌浏览器版本图
谷歌浏览器版本图

1、打开开发者模式

第一种打开开发者模式操作步骤:在右上角的3个点钟的菜单中打开“开发者工具”(“菜单”>“更多工具” >“开发者工具”)

打开开发者方式1
打开开发者方式1

第二种打开开发者模式操作步骤:在键盘上按 F12 (或 Fn-F12)

2、在network标签页收集har文件

先点击“Network”(网络)标签页,然后勾选 Disable cache(本步骤是防止本地缓存影响har文件实时收集的情况)

“Network”(网络)标签页的左上角,找到一个圆形红色按钮。 确保该按钮是红色的。如果显示灰色,请点击一次以开始 录制日志。

然后在勾选 “Preserve log”(保留日志)开关

开始收集har文件前先使用清除按钮(含有对角线的圆圈), 然后立即尝试重现问题, 以便移除不需要的请求信息。

开始进行重现问题,也就是在当前网页执行之前操作报错的步骤。(例如,打开腾讯云控制台-购买CLB实例)

3、保存并导出HAR文件

问题步骤复现完成后,在网格上右键点击,然后选择 “Save all as HAR with Content”(将内容保存为 HAR文件)

需要注意将HAR文件随意给别人或者泄露可能会导致以下安全隐患:

  1. 敏感信息泄露:HAR文件中可能包含敏感信息,例如用户身份验证凭据、会话令牌、个人身份信息等。如果HAR文件被泄露,攻击者可以获取这些敏感信息,从而进行未授权访问、身份盗窃或其他恶意活动。
  2. 安全漏洞暴露:HAR文件中记录了网络请求和响应的详细信息,包括请求头、响应头、请求体、响应体等。攻击者可以通过分析HAR文件来发现潜在的安全漏洞,例如未加密的数据传输、跨站脚本攻击(XSS)等,从而进行针对性的攻击。
  3. 业务机密泄露:HAR文件中可能包含与业务相关的敏感信息,例如API密钥、业务逻辑、数据结构等。如果这些信息被泄露,竞争对手或恶意用户可能会利用这些信息来获得商业优势、进行恶意竞争或其他不当行为。
  4. 隐私问题:HAR文件中记录了用户在浏览器中的网络活动,包括访问的网页、点击的链接、发送的数据等。如果HAR文件被泄露,用户的隐私可能会受到侵犯,攻击者可以了解用户的浏览习惯、兴趣爱好等敏感信息。

因此,为了确保安全性,应该谨慎处理和共享HAR文件。避免将HAR文件随意给别人或泄露,特别是包含敏感信息的HAR文件。如果需要共享HAR文件,应该采取适当的安全措施,例如加密文件、限制访问权限或仅共享必要的部分信息。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
    • 谷歌浏览器收集HAR文件指引
      • 1、打开开发者模式
      • 2、在network标签页收集har文件
      • 3、保存并导出HAR文件
相关产品与服务
Elasticsearch Service
腾讯云 Elasticsearch Service(ES)是云端全托管海量数据检索分析服务,拥有高性能自研内核,集成X-Pack。ES 支持通过自治索引、存算分离、集群巡检等特性轻松管理集群,也支持免运维、自动弹性、按需使用的 Serverless 模式。使用 ES 您可以高效构建信息检索、日志分析、运维监控等服务,它独特的向量检索还可助您构建基于语义、图像的AI深度应用。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档