JSON -> TABLEとは何ですか？

JSON -> TABLEはJesによって開発されたChromeの拡張機能で、その主な機能は「Viewer for XLSX, JSON, XML REST responses or files as HTML table with detection nested columns and tables」です。

拡張機能のスクリーンショット

JSON -> TABLE拡張機能のCRXファイルをダウンロード

JSON -> TABLE拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

lite PostMan to debug REST backends or generate simple reports
HOT explore data as table: filter, sort and export desired data, send requests
install and just open DEMO urls:
https://api.github.com/repositories/19438/commits
https://www.w3schools.com/xml/plant_catalog.xml

NEW Features:
- row numbers, xml view fixes, install fixes
- Options
- use IndexedDB to store temporary data
- Report style
- Ctrl-Q works like Alt-TAB between Chrome TABs

Features:
- view 'application/json' response data or file as HTML table with embeded tables
- HOT on fly CSV and XLSX files can be viewed
- table filtering(mongo style allowed and embeded tables), sorting, export, totals, grouping(with totals for numeric columns), removing columns
- virtual scrolling(huge files is not problem), viewing in New window
- url query parameters parser/form editor with template(see below)
- send a JSON/FormData/urlencoded/XML requests (POST, PUT, DELETE, PATCH, GET) with headers
- scan Page TAB for XHRs and shows it on icon and opens it in PopUp
- table skins and formatting template
{
$$format: { field0: "show {$field1} like this" },
$$form: {
check: { value: true, type:'checkbox' },
date2: { type: 'date', label:"end Date"},
type: { value: 2, options: ['1', '2'], required:1},
'multi[]': { value: [22,33], options: ['11', '22', '33'], required:1},
},
...data
}

used libraries xlsx, xml2js, mongo-parse, jsoneditor, file-saver

拡張機能の基本情報

名前	JSON -> TABLE
ID	pjdecdkdljmchigbkalnblidepkeojda
公式URL	https://chromewebstore.google.com/detail/json-%3E-table/pjdecdkdljmchigbkalnblidepkeojda
説明	Viewer for XLSX, JSON, XML REST responses or files as HTML table with detection nested columns and tables
ファイルサイズ	313 KB
インストール数	1,192
現在のバージョン	1.39
最終更新日	2023-10-09
公開日	2021-03-22
評価	5.00/5 合計 8 レビュー
開発者	Jes
Eメール	[email protected]
支払い方法	free
対応言語	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "JSON -> TABLE", "description": "Viewer for XLSX, JSON, XML REST responses or files as HTML table with detection nested columns and tables", "version": "1.39", "manifest_version": 3, "permissions": [ "webRequest", "storage", "scripting" ], "host_permissions": [ "" ], "background": { "service_worker": "background.js" }, "commands": { "recent-tab": { "description": "Switch between Recent Tabs", "suggested_key": { "chromeos": "Ctrl+Q", "default": "Ctrl+Q", "linux": "Ctrl+Q", "mac": "Command+Q", "windows": "Ctrl+Q" } } }, "action": { "default_popup": "popup.html" }, "icons": { "128": "json128.png" }, "offline_enabled": true, "web_accessible_resources": [ { "resources": [ "images\/", "json128.png", "libs\/" ], "matches": [ "" ] } ], "options_page": "options.html", "content_scripts": [ { "matches": [ "" ], "css": [ "contents.css", "dropdown.css", "libs\/jsoneditor\/jsoneditor.min.css", "skins.css" ], "all_frames": true, "match_about_blank": true, "js": [ "options.js", "store.js", "contents.js" ], "run_at": "document_start" } ] }