json formatter

JSON 格式化程式 - 原始版本

當您在瀏覽器標籤中查看 JSON 時，Chrome 擴充功能會自動格式化 JSON。

特徵

• 即使在很長的 JSON 頁面上也很快
• 深色模式
• 語法高亮
• 可折疊的樹，附有縮排指南
• 可點選的網址
• 對非 JSON 頁面的效能影響可以忽略不計（小於 1 毫秒）
• 適用於任何有效的 JSON 頁面 – URL 並不重要
• 用於在原始 JSON 和解析 JSON 之間切換的按鈕
• 解析後的 JSON 匯出為全域變數json ，因此您可以在控制台中檢查它*

*自 Manifest v3 以來，在控制台中輸入json不起作用。如果您需要解決方法，請將此程式碼段貼到控制台中：

 json = JSON . parse ( document . getElementById ( "jsonFormatterRaw" ) . querySelector ( "pre" ) . innerText )

一些用於測試它的 JSON 文件：https ://callumlocke.github.io/json-formatter/

安裝

選項 1（建議） - 從 Chrome 線上應用程式商店安裝。

選項 2 – 從原始碼安裝（見下文）。

發展

要求： Deno（現在是 Node）。

初始設定：

• 克隆倉庫
• 執行pnpm i以取得 chrome 的 TypeScript 類型（如果您願意，也可以使用npm i ）
• 可選：如果使用 VSCode 並且您需要弄亂 Deno 建置腳本，請安裝官方 Deno 外掛程式並設定"deno.enablePaths": ["tasks"] 。

建構它：

• 運行deno task build

每當文件更改時建置和重建：

• 運行deno task dev

將本機版本安裝到 Chrome

• 開啟 Chrome 並前往chrome://extensions
• 啟用“開發者模式”，
• 點擊“加載解壓縮”，
• 選擇您上面建立的dist資料夾。

常問問題

為什麼大數字顯示不準確？

這是 JavaScript 的限制，因此也是 Web 瀏覽器解釋的 JSON 的限制。

• 任何高於Number.MAX_SAFE_INTEGER （ 2^53 - 1或9007199254740991 ）的值都會向下調整到該數字。
• Number.MIN_SAFE_INTEGER以下的任何內容（ -2^53 + 1或-9007199254740991 ）都會調整到該數字。
• 極為精確的浮點數四捨五入為 16 位數。

這不是 JSON Formatter 做的，而是 V8 中的原生JSON.parse 。 JSON Formatter 向您顯示解析後的值，與您在 JavaScript 中載入 JSON 後看到的內容完全相同。

如果您的 API 端點確實需要表示 JavaScript 安全範圍之外的數字，則應該將它們作為 strings 引用。

為什麼物件鍵有時順序錯誤？

您在 JSON Formatter 中看到的是已解析物件/陣列的表示。這與 JavaScript 中的Object.keys( JSON.parse(json) )所得到的順序相同。

從歷史上看，JavaScript 標準明確指出物件鍵可以按任何順序迭代，V8 透過將數字字串鍵（如"1"或"99999" ）移到頂部來促進小的效能優化，從而利用了這一點。此 V8 實作細節已成為標準化。

但我只是想看看伺服器到底吐出什麼

目前，您最好的選擇是僅使用“Raw”按鈕來查看原始 JSON。這是伺服器發送的內容。 “Parsed”按鈕代表您將從JSON.parse獲得的內容。

將來，JSON Formatter 可能會從使用JSON.parse切換到自訂解析器（如果效能允許），以便檢測值何時通過解析「更改」並顯示適當的警告。