当前位置:   article > 正文

Chrome开发人员工具Network请求之HAR文件_chrome har

chrome har

为什么写了本篇博客:

(1)Chrome浏览器开发者工具介绍;(包括,Network面板介绍,XHR等等)中,遇到了Network中的【可以把请求导出数据为HAR格式】;本篇博客就是详细介绍HAR。

本篇博客转载自:

(1)HAR文件详细解析;作者首页地址是【https://horve.github.io/】 

(2)如何使用浏览器抓包,如何把请求保存为har文件

说明:

(1)对本篇博客的内容并没有完全明白,目前来说,有点粗略的认识就可以了;以后有了深入理解,随时来补充啦。

 

目录

(1)导出数据为HAR格式,导入HAR文件

(2)HAR文件详细解析


(1)导出数据为HAR格式,导入HAR文件

导出方式1:

导出方式2:

导入方式:


(2)HAR文件详细解析

HAR(HTTP档案规范),是一个用来储存HTTP请求/响应信息的通用文件格式,基于JSON。这种格式的数据可以使HTTP监测工具以一种通用的格式导出所收集的数据,这些数据可以被其他支持HAR的HTTP分析工具(包括Firebug、httpwatch、Fiddler等)所使用,来分析网站的性能瓶颈。

目前HAR规范最新版本为HAR 1.2。HAR文件必须是UTF-8编码,有无BOM无所谓。如下是一个HAR文件的详细介绍。

  1. {
  2. "log": {
  3. "version": "1.2",
  4. "creator": {
  5. "name": "shun.zheng",
  6. "version": "1.1.8"
  7. },
  8. "pages": [
  9. {
  10. "startedDateTime": "2015-09-06T10:02:41.663Z", // 页面开始加载的时间(格式:ISO 8601)
  11. "id": "http://www.ihorve.com/", // 页面唯一标示符,即页面url
  12. "title": "Horve后花园", // 页面标题
  13. "pageTimings": { // 关于页面加载时间的详细信息
  14. "onContentLoad": 1720, // 可选,页面开始加载到页面内容加载完毕之间的毫秒数
  15. "onLoad": 2500, // 可选,页面开始加载到页面onload之间的毫秒数
  16. "comment": "" // 可选,由用户或应用程序提供的注释
  17. }
  18. }
  19. ],
  20. "entries": [ // 包含全部请求的数组,数组的每一项是一条请求的数据构成的对象,根据startedDateTime排序
  21. {
  22. "startedDateTime": "2015-09-06T10:02:41.645Z", // 请求发出的时间(ISO 8601)
  23. "time": 1221, // 该条请求花费的总的毫秒数
  24. "request": { // 请求的详细情况
  25. "method": "GET", // 请求方式
  26. "url": "http://www.ihorve.com/", // 请求的url
  27. "httpVersion": "HTTP/1.1", // http协议版本号
  28. "cookies": [], // cookie对象列表
  29. "headers": [ // header信息
  30. {
  31. "name": "User-Agent",
  32. "value": "Mozilla/5.0 (Macintosh; Intel Mac OS X) AppleWebKit/534.34 (KHTML, like Gecko) PhantomJS/1.9.8 Safari/534.34"
  33. },
  34. {
  35. "name": "Accept",
  36. "value": "text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8"
  37. }
  38. ],
  39. "queryString": [], // 查询参数对象的列表
  40. "headersSize": -1, // 从HTTP请求消息的开始,直到(且包括)的主体之前的双CRLF的总字节数,不可用设置为-1
  41. "bodySize": -1 // 消息体的粽子节数,不可用设置为-1
  42. },
  43. "response": { // 响应的详细情况
  44. "status": 200, // 状态码
  45. "statusText": "OK",
  46. "httpVersion": "HTTP/1.1",
  47. "cookies": [], // cookie对象列表
  48. "headers": [ // 响应头信息列表
  49. {
  50. "name": "Server",
  51. "value": "nginx"
  52. },
  53. {
  54. "name": "Date",
  55. "value": "Sun, 06 Sep 2015 09:59:22 GMT"
  56. },
  57. {
  58. "name": "Content-Type",
  59. "value": "text/html; charset=UTF-8"
  60. },
  61. {
  62. "name": "Transfer-Encoding",
  63. "value": "chunked"
  64. },
  65. {
  66. "name": "Connection",
  67. "value": "keep-alive"
  68. },
  69. {
  70. "name": "Keep-Alive",
  71. "value": "timeout=60"
  72. },
  73. {
  74. "name": "X-Pingback",
  75. "value": "http://www.ihorve.com/xmlrpc.php"
  76. },
  77. {
  78. "name": "Content-Encoding",
  79. "value": "gzip"
  80. }
  81. ],
  82. "redirectURL": "", // 从响应头位置重定向目标URL
  83. "headersSize": -1, // 从HTTP响应消息的开始,直到(且包括)的主体之前的双CRLF的总字节数,不可用设置为-1
  84. "bodySize": 65047, // 响应体的字节数
  85. "content": { // 响应体的详细信息
  86. "size": 65047, // 响应体的字节数
  87. "mimeType": "text/html; charset=UTF-8" // 响应体的mimeType
  88. }
  89. },
  90. "cache": { // 请求从浏览器缓存的信息
  91. "beforeRequest": {}, // 可选,请求前缓存条目的状态
  92. "afterRequest": {}, // 可选,请求后缓存条目的状态
  93. "comment": ""
  94. },
  95. "timings": { // 发送请求到收到响应各阶段的时间,单位均为毫秒
  96. "blocked": 0, // 可选,等待网络连接的时间
  97. "dns": -1, // 可选,dns解析时间,不可用设置为-1
  98. "connect": -1, // 可选,创建TCP连接的时间,不可用设置为-1
  99. "send": 0, // 发送HTTP请求到服务器的时间
  100. "wait": 1126, // 等待响应的时间
  101. "receive": 95, // 从服务器接收或从缓存读取的时间
  102. "ssl": -1 // 可选,SSL/TLS协商需要的时间,不可用设置为-1
  103. },
  104. "pageref": "http://www.ihorve.com/" // 可选,唯一,参照的父页面,如果应用不支持页面分组,可忽略此项配置
  105. }
  106. ]
  107. }
  108. }

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小丑西瓜9/article/detail/222450
推荐阅读
相关标签
  

闽ICP备14008679号