Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
3.8k views
in Technique[技术] by (71.8m points)

Rendering HTML output as JSON in Firefox

I have a file persons.json, containing:

[
  {"firstName":"John", "lastName":"Doe"},
  {"firstName":"Anna", "lastName":"Smith"},
  {"firstName":"Peter", "lastName":"Jones"}
]

When I open it in Firefox, it invokes the JSON viewer, like this:

enter image description here

However, I would like to achieve the same thing when opening an HTML file, persons.html:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="application/json; charset=utf-8"/>
</head>
<body>
<pre>
[
  {"firstName":"John", "lastName":"Doe"},
  {"firstName":"Anna", "lastName":"Smith"},
  {"firstName":"Peter", "lastName":"Jones"}
]
</pre>
</body>
</html> 

Which Firefox renders to:

enter image description here

How can I force Firefox to render the HTML file's output as JSON?


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)

What you're asking for is a JSON renderer, a simple google search would give you a few options, here's a simple library I found that you can use https://dev.to/smrgrg/rendering-json-data-in-html-489o


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...