Javascript: Difference between revisions

Jump to navigation Jump to search
762 bytes added ,  24 May 2017
Line 75: Line 75:


== JSON tools ==
== JSON tools ==
Online services
JSON schema generator
* {{Gd}} [http://www.jsonschema.net/ JSON schema generator]
* {{Gd}} [http://www.jsonschema.net/ JSON schema generator]
* {{Gd}} [http://www.jsondata.ninja/ JSON Data Ninja] (1) 可以把 JSON 多筆資料轉成表格格式、(2) 標示某節點下的資料筆數、 (3) 會將編碼後的中文還原成可讀 {{access | date = 2017-05-24}}
 
* [http://json.parser.online.fr/ Json Parser Online] (1) 沒有顯示成 Tree 結構,但有美化語法方便閱讀、(2) 有標示某節點下的資料筆數、 (3) 會將編碼後的中文還原成可讀 {{access | date = 2017-05-24}}
JSON validator
* [http://jsonlint.com/ JSONLint - The JSON Validator] {{access | date = 2015-09-08}}
* [http://jsonlint.com/ JSONLint - The JSON Validator] {{access | date = 2015-09-08}}
* [http://codebeautify.org/jsonviewer Best Online JSON Viewer, Beautifier, Formatter, Analyser, Minify, Converter] (1) Tree Viewer 顯示結構、(2) 標示某節點下的資料筆數、 (3) 不會將編碼後的中文還原成可讀 {{access | date = 2017-05-24}}
* ''$'' [http://www.cocoajsoneditor.com/ Cocoa JSON Editor - Powerful JSON String Editor for Developers, API, Endpoints, Rest client] v. 1.2.5 on {{Mac}}  (1) Tree Viewer 顯示結構、(2) 標示某節點下的資料筆數、 (3) 會將編碼後的中文還原成可讀
* ''$'' [http://textlab-app.com/ TextLab] v. 1.3.4 on {{Mac}}  (1) 沒有顯示成 Tree 結構,但有美化語法方便閱讀、(2) 沒有標示某節點下的資料筆數、 (3) 會將編碼後的中文還原成可讀


Browser extensions
JSON viewer 通常也包含 validator 功能
* [https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc JSONView] for {{Chrome}}: beautify the remote JSON file
* {{Gd}} [http://www.jsondata.ninja/ JSON Data Ninja] {{access | date = 2017-05-24}}
** {{Gd}} Unicode/Chinese issue: the garbled Chinese characters will become human readable!
*# 輸入: 文字
** similar extension: [https://chrome.google.com/webstore/detail/json-formatter/bcjindcccaagfpapjjmafapmmgkkhgoa JSON Formatter]
*# 可以把 JSON 多筆資料轉成表格格式
*# 有標示某節點下的資料筆數
*# 會將編碼後的中文還原成可讀
 
* [http://json.parser.online.fr/ Json Parser Online] {{access | date = 2017-05-24}}  
*# 輸入: 文字
*# 沒有顯示成 Tree 結構,但有美化語法方便閱讀
*# 有標示某節點下的資料筆數
*# 會將編碼後的中文還原成可讀
 
* [http://codebeautify.org/jsonviewer Best Online JSON Viewer, Beautifier, Formatter, Analyser, Minify, Converter] {{access | date = 2017-05-24}}
*# 輸入:  文字
*# Tree Viewer 顯示結構
*# 有標示某節點下的資料筆數
*# 不會將編碼後的中文還原成可讀


Editor plugins
* [https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc JSONView] for {{Chrome}}: beautify the remote JSON file
* [http://sourceforge.net/apps/mediawiki/notepad-plus/index.php?title=Plugin_Central#J JSON Viewer] [http://nppjsonviewer.sourceforge.net/] for Notepad++
*# 輸入: 網址
* [http://www.camdemy.com/media/7427 Sublime Text 套件介紹(四):Pretty JSON]{{access | date=2014-03-11}}
*# 沒有顯示成 Tree 結構,但有美化語法方便閱讀
*# 沒有標示某節點下的資料筆數
*# 會將編碼後的中文還原成可讀 Unicode/Chinese issue: the garbled Chinese characters will become human readable!
 
* [https://chrome.google.com/webstore/detail/postman/fhbjgbiflinjbdggehcddcbncdddomop Postman] for {{Chrome}}
*# 輸入: 網址
*# 沒有顯示成 Tree 結構,但有美化語法方便閱讀
*# 沒有標示某節點下的資料筆數
*# 會將編碼後的中文還原成可讀


standalone
* [https://chrome.google.com/webstore/detail/json-formatter/bcjindcccaagfpapjjmafapmmgkkhgoa JSON Formatter]
* [http://jsonviewer.codeplex.com/ JSON Viewer]  v. 1.2.0.0 解壓縮直接執行 JsonView\JsonView.exe (免安裝即可執行) {{Win}}
* [http://jsonviewer.codeplex.com/ JSON Viewer]  v. 1.2.0.0 解壓縮直接執行 JsonView\JsonView.exe (免安裝即可執行) {{Win}}
** 大檔 (檔案大小 6MB) 測試: 停頓約半分鐘後,即可使用
** 大檔 (檔案大小 6MB) 測試: 停頓約半分鐘後,即可使用
* [https://notepad-plus-plus.org/ Notepad++] v. 6.8.7 + [https://sourceforge.net/projects/nppjsonviewer/ JSONViewer Notepad++ plugin] v.1.22
* [https://notepad-plus-plus.org/ Notepad++] v. 6.8.7 + [https://sourceforge.net/projects/nppjsonviewer/ JSONViewer Notepad++ plugin] v.1.22
** 大檔 (檔案大小 6MB) 測試: 沒有反應超過5分鐘
** 大檔 (檔案大小 6MB) 測試: 沒有反應超過5分鐘
[http://youknowone.github.io/VisualJSON/ VisualJSON by youknowone] v. 1.6.0 on {{Mac}}
*# 輸入: 網址或文字
*# 顯示成 Tree 結構
*# 有標示某節點下的資料筆數
*# 會將編碼後的中文還原成可讀
* ''$'' [http://www.cocoajsoneditor.com/ Cocoa JSON Editor - Powerful JSON String Editor for Developers, API, Endpoints, Rest client] v. 1.2.5 on {{Mac}}
*# 輸入: 文字或檔案
*# Tree Viewer 顯示結構
*# 有標示某節點下的資料筆數
*# 會將編碼後的中文還原成可讀
* ''$'' [http://textlab-app.com/ TextLab] v. 1.3.4 on {{Mac}}
*# 輸入: 文字或檔案
*# 沒有顯示成 Tree 結構,但有美化語法方便閱讀
*# 沒有標示某節點下的資料筆數
*# 會將編碼後的中文還原成可讀
Editor plugins
* [http://sourceforge.net/apps/mediawiki/notepad-plus/index.php?title=Plugin_Central#J JSON Viewer] [http://nppjsonviewer.sourceforge.net/] for Notepad++
* [http://www.camdemy.com/media/7427 Sublime Text 套件介紹(四):Pretty JSON]{{access | date=2014-03-11}}


== performance issue: compression tools, using CDN ==
== performance issue: compression tools, using CDN ==

Navigation menu