How to display application/vnd.api+json
I'm using FirefoxDeveloperEdition on a Mac.
If a website sends me JSON data with a content-type header "application/json", then firefox displays the data using a very friendly built-in JSON viewer.
If the website sends exactly the same data, but with a content-type header "application/vnd.api+json", then firefox only knows how to save the file.
In the preferences, under "Files and applications", I can see an entry for "application/vnd.api+json" (but not "application/json").
How can I tell firefox to use its built-in viewer for responses with a jsonapi mime type?
الحل المُختار
Prefix to URL with view-source: to make Firefox display the file in a tab. view-source:https://discuss.flarum.org/api/discussions?include=startUser%2ClastUser%2CstartPost%2Ctags
You can create a new bookmark and paste the JavaScript code in its location field. if you want to test this then run the JavaScript code via the command line of the Web Console.
Read this answer in context 👍 0All Replies (4)
A workaround is to use the view-source: protocol to force Firefox to display the file in a Firefox tab as plain text. You can use a bookmarklet to enforce the builtin JSON viewer.
javascript:location.href='data:application/json;charset=utf-8;base64,'+btoa(document.body.textContent);
Hi cor-el.
Not sure how I'd use a bookmarklet, as firefox can only save the file.
Here's a public URL that generates a response with the Content-type header "application/vnd.api+json".
https://discuss.flarum.org/api/discussions?include=startUser%2ClastUser%2CstartPost%2Ctags
Typing this URL into firefox (or clicking the link) causes a dialog box to appear which gives me the option of saving the file, or opening it with another application (which also saves the file).
By contrast, here is a public URL that uses the "application/json" content type, and which is displayed within firefox.
Modified by fisharebest
الحل المُختار
Prefix to URL with view-source: to make Firefox display the file in a tab. view-source:https://discuss.flarum.org/api/discussions?include=startUser%2ClastUser%2CstartPost%2Ctags
You can create a new bookmark and paste the JavaScript code in its location field. if you want to test this then run the JavaScript code via the command line of the Web Console.
I have found a plugin https://jsonview.com
It is not as neat as the built-in viewer, but works for my needs.
Thanks for your help