在 Google Chrome 中編輯 JSON 文件的 7 個工具

JSON 格式源自 Javascript，通常用於在服務器和 Web 應用程序之間傳輸數據。它是 XML 的替代方案，允許程序員使用任意數量的工具進行涉獵。但是，如果您想使用瀏覽器來處理 JSON 文件怎麼辦？Google Chrome 有多個網絡應用程序和擴展程序旨在幫助程序員編輯 JSON 文件。

1.JSON在線編輯器

可用形式： Web 應用程序

JSON Editor Online是一個用於查看、編輯和格式化 JSON 的工具。此 Chrome 應用程序會在瀏覽器中打開一個文本編輯器，使您無需切換到其他應用程序即可編輯代碼。該應用程序並排顯示兩個文本框。左側的字段按原樣顯示代碼，而右側的字段以更易讀的格式顯示文本。

該應用程序可以打開本地文件和 URL。對於那些想知道它是如何製作的人來說，它的源代碼也是可用的。它可以打開最大 512MB 的文件，乍一看可能不大，但可以包含大量數據。對於非常大的文件，您可能需要檢查這些工具以快速查看它們而不會出現延遲。

JSON 編輯器不僅僅是一個編輯器。它是一個格式化程序、解析器，甚至是一個修復助手。它絕對值得在每個軟件開發人員的工具包中佔有一席之地。

2.JSON格式化程序

可用形式： Chrome 擴展程序

JSON Formatter Chrome擴展是一款開源工具，它還可以讓您更輕鬆地閱讀 JSON 代碼。它支持 JSON 和 JSONP 格式，並提供語法突出顯示、可折疊樹、縮進指南和可點擊 URL。它適用於任何有效的 JSON 頁面和本地文件。

此擴展也適用於通過 Internet 提供的 JSON 文件。但是，當 JSON 數據通過 HTML 部分提供原始數據時，它有時會與 HTML 站點的樣式發生衝突。這種情況通常發生在JSON 官方網站的示例頁面上，其中背景顏色消失。

但由於這是一個擴展，您可以輕鬆地將其關閉或禁用它在隱身頁面上的工作。另外，它是開源的，因此您可以修改源代碼以使其執行更多操作。

3.JSON視圖

可用形式： Chrome 擴展程序

Google Chrome 的 JSONView最初是Firefox 插件。它包含用於復制 JSON 路徑或值的上下文菜單選項。還有一個內置的樣式編輯器用於自定義主題。

作為另一位開發人員創建的擴展，JSONVue擴展了 JSONView 使用JSONLint驗證 JSON 文檔的能力。

JSONView 還對 JSON 文件應用一些漂亮的打印。這會在 JSON 鍵上添加粗體打印，以便通過非粗體括號和冒號更輕鬆地閱讀它們。

4.JSON美化器和編輯器

可用形式： Chrome 擴展程序

JSON Beautifier & Editor將您的 Chrome 瀏覽器變成一個用於編輯、處理和分析數據的 JSON 工具。它允許您更改鍵和值，以及將更改保存在可下載的 JSON 輸出文件中。

也許 JSON Beautifier & Editor 的最大功能是能夠為 JSON 文件添加和刪除空格。如果您在編碼時更改了一些內容，它還有一種對對象進行排序的方法。

總而言之，此擴展擴展了普通 JSON Chrome 擴展的功能，將您的 Web 瀏覽器變成 JSON 文件的離線文本編輯器。

5. 代碼美化JSON編輯器

可用形式： Web 應用程序

Code Beautify JSON 編輯器只是 Code Beautify 代碼美化應用程序套件中提供的眾多其他工具之一。重點介紹 JSON 編輯器，您將發現通過 Web 瀏覽器查看 JSON 文件的其他幾種方法。

該應用程序有一個代碼視圖，它主要只是一個美化的文本視圖——除了在查看緊湊的 JSON 時它獨立於文本視圖。同時，“表單”視圖顯示每個折疊行內每個數組的大小。對於對象，它顯示其中有多少個鍵。

該擴展的另一個有用之處是它可以向您顯示編輯後的 ​​JSON 文件和原始 JSON 文件有多大。如果您正在處理一個對文件大小非常特殊的項目，那麼這可能是適合該工作的工具。

6.教程點在線JSON編輯器

可用形式： Web 應用程序

Tutorials Point 的在線 JSON 編輯器是一個很棒的 JSON 編輯工具，而且也很美觀。它允許您切換視覺元素，這可以幫助您可視化深度嵌套的 JSON 代碼中的空格。另外，它還有多變的主題。

也許這個編輯器的主要吸引力在於它還提供對教程庫的訪問。這使得它成為人們嘗試學習新編程語言但主要依賴在線資源的便捷工具。

與所有其他在線 JSON 編輯工具類似，此編輯器允許您通過瀏覽器下載編輯後的 ​​JSON。這樣，您就可以使用它來執行幾乎任何您需要使用任何 JSON 代碼執行的操作。

7. Dan 工具中的 JSON 編輯器

可用形式： Web 應用程序

Dan’s Tools 的 JSON 編輯器是一款免費的在線 JSON 編輯器，具有乾淨簡約的外觀。它在功能上的缺陷是通過輸入 URL 後快速加載來彌補的。

如果您需要可以快速用於編輯的東西，那麼它就足夠了。然而，在使用廣告攔截擴展程序時，某些瀏覽器的“加載文件”功能有時會顯示在屏幕底部，這可能會帶來不便。

該應用程序的開發者 Clean CSS（又名 Dan’s Tools）還有其他工具可將 JSON 轉換為其他格式，例如 CSV、XML、TSV 甚至 HTML。

方便地訪問 JSON 文件

所有圖片和屏幕截圖均由 Terenz Jomar Dela Cruz 提供