How to Use JSONView in Chrome

问题

I have the JSONView extension installed on Chrome, how do I actually use it to view the JSON tree for a particular website? The only options I see are "copy path" and "copy value."

回答1:

I don't get your question, the JSON tree for a particular website ? What de you mean by that ? :)

I have this great extension too, and when I access for exemple a json data on the web JSONView proceed to parse it for me and give a good looking in order to simplify the reading for me, and it does this automatically.

回答2:

• Install JSON Viewer Pro (or just use Firefox) and enjoy in core features:
  • ✅ Beautify JSON response from API
  • ✅ Visual representation of JSON with Chart
  • ✅ Depth traversing of JSON property using breadcrumbs
  • ✅ Write custom JSON in Input area
  • ✅ Import local JSON file
  • ✅ Download JSON file using Context Menu
  • ✅ URL filters
  • ✅ Change Themes
  • ✅ Custom CSS
  • ✅ Cool User Interface.
  • ✅ Copy property and value
  • ✅ Access JSON in your console using only json keyword

after installation, for the test you can try my GitHub or my repos.

Output:

Now, a really handy thing that the JSON Awesome plugin can do is when you select one of these properties by clicking on it, you can click on this green button that comes up and copy the path that it would take to reach this value.

Output:

• Copy path: 0.owner.login
• Copy value: "MilovanTomasevic"

来源：https://stackoverflow.com/questions/38547924/how-to-use-jsonview-in-chrome