JSON -> TABLEคืออะไร?

JSON -> TABLE เป็นส่วนขยายของ Chrome ที่พัฒนาโดย Jes และคุณลักษณะหลักของมันคือ "Viewer for XLSX, JSON, XML REST responses or files as HTML table with detection nested columns and tables"

ภาพหน้าจอของส่วนขยาย

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย JSON -> TABLE

ดาวน์โหลดไฟล์ส่วนขยาย 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
อีเมล	[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" } ] }