了解chromejson格式化

一、chromejson概述

Chrome瀏覽器的開發者工具（DevTools）支持將網路面板上的數據轉換為可重用的HAR格式。在接下來的幾年裡，HAR成為一個通用的格式，不僅瀏覽器，還有其他工具也支持它。但是，在某些情況下，HAR格式更為詳細，需要更輕量級的格式。因此，chromejson格式應運而生。

chromejson在設計上遵循了可讀性和可擴展性的原則。它可以輕鬆地轉化為HAR格式。除此之外，chromejson還支持更多的數據類型，如二進位數據、ASCII等。

二、chromejson格式結構

chromejson包含多個對象，其結構如下：

{
   "log": {
     "version": string,
     "creator": {
       "name": string,
       "version": string
     },
     "entries": [object]
   }
}

其中，關鍵字「log」代表了所有的網路數據。版本和創建者內容描述了該文件的版本和生成工具的名稱和版本。entries關鍵字代表了一個數組，其中包含了所有的請求和響應的詳細信息。這些對象的結構如下：

{
    "startedDateTime": timestamp,
    "time": number,
    "request": {
        ...
    },
    "response": {
        ...
    },
    "cache": {
        ...
    },
    "timings": {
        ...
    }
}

其中，startedDateTime表示了請求的開始時間，time代表了請求的響應時間（單位為毫秒）。緩存和timing描述了請求和響應的其他詳細信息。

三、chromejson格式化工具

chromejson格式化工具是一款輕量級的工具，用於將chromejson數據轉換為更具可讀性的格式。該工具支持本地和在線兩種使用方式。

下面是一個簡單的chromejson格式化函數：

function formatJSON(json) {
    return JSON.stringify(json, null, 4);
}

這個函數將chromejson數據作為輸入，同時返回格式化後的json字元串。

四、chromejson格式化的優點

chromejson的格式化有以下優點：

1. 可讀性好

chromejson格式化後的數據更加容易被人類理解。每個請求和響應都被分為了多個欄位，並且每個欄位都很容易看懂。

2. 可擴展性強

chromejson的格式化可以輕鬆地支持更多的數據類型。當需要存儲某些類型的數據時，只需要向chromejson中添加相應的欄位即可。

3. 易於解析

chromejson格式化後的數據可以輕鬆地被其他程序解析。我們可以使用JavaScript或其他編程語言來解析chromejson數據。

五、chromejson格式化示例

{
    "log": {
        "version": "1.1",
        "creator": {
            "name": "Chrome DevTools",
            "version": "58.0.3029.110"
        },
        "entries": [
            {
                "startedDateTime": "2017-04-26T11:03:01.701Z",
                "time": 56.82311058044434,
                "request": {
                    "method": "GET",
                    "url": "https://www.example.com",
                    "httpVersion": "HTTP/1.1",
                    "headers": [
                        {
                            "name": "Accept",
                            "value": "text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8"
                        },
                        {
                            "name": "Accept-Encoding",
                            "value": "gzip, deflate, sdch, br"
                        },
                        {
                            "name": "Accept-Language",
                            "value": "en-US,en;q=0.8"
                        }
                    ],
                    "queryString": [],
                    "cookies": [],
                    "headersSize": 255,
                    "bodySize": 0
                },
                "response": {
                    "status": 200,
                    "statusText": "OK",
                    "httpVersion": "HTTP/1.1",
                    "headers": [
                        {
                            "name": "Content-Type",
                            "value": "text/html; charset=UTF-8"
                        },
                        {
                            "name": "Server",
                            "value": "cloudflare-nginx"
                        }
                    ],
                    "cookies": [],
                    "content": {
                        "size": 6123,
                        "mimeType": "text/html"
                    },
                    "redirectURL": "",
                    "headersSize": 244,
                    "bodySize": 6123
                },
                "cache": {},
                "timings": {
                    "dns": -1,
                    "connect": -1,
                    "ssl": -1,
                    "send": 0.2200000000000001,
                    "wait": 56.440000000000005,
                    "receive": 0.1631105804443361
                }
            }
        ]
    }
}

六、結論

chromejson格式化是一種可靠的數據格式，它可以輕鬆地將網路請求和響應內容轉換為可讀性強的格式。這種格式的優點在於它的可擴展性、可讀性、易於解析。對於開發人員來說，chromejson格式化工具是一款非常實用和強大的工具。