2012-03-27 212 views
21

這不是一個編程問題,但需要用少量話來說。在瀏覽器中查看JSON文件

當我們在瀏覽器中點擊JSON網址時,它會要求我們保存文件。 爲什麼會發生這種情況? 有什麼方法可以在頁面上查看它嗎? 是否有任何插件可用於在瀏覽器中查看JSON文件?

+1

我認爲這是您使用的IE瀏覽器,如果您使用Chrome瀏覽器,它會顯示在頁面上。但是如果你改變了Content-Type:text/html; charset = utf-8它應該允許您在頁面 – Qpirate 2012-03-27 11:43:26

+0

中查看它@Qpirate內容類型的理想JSON文件始終是json。它不能是文本/ HTML。你有任何解決方案的Firefox/IE? Vodun解決了它的鉻。 – 2012-03-27 11:46:39

+0

同樣適用於firefox:http://jsonview.com/ – Vodun 2012-03-27 11:47:44

回答

29

在Chrome中使用JSONView 或Firefox使用JSONView

+0

+1。謝謝Vodun。我正在等待FF/IE上的解決​​方案:) – 2012-03-27 11:43:02

+0

@Umesh https://addons.mozilla.org/en-US/firefox/addon/jsonview/ for firefox ...已添加回答 – ManseUK 2012-03-27 11:53:12

+0

如何使用這個附加組件?我安裝了,但是當我點擊json網址時。它保存在瀏覽器下載 – 2012-03-27 11:53:37

1
json-ie.reg. for IE 

試試這個網址

http://www.jsonviewer.com/ 
+0

這是很好的工具:) – 2012-03-27 11:55:54

+0

謝謝.. :) ----- – 2012-03-27 12:11:42

12

如果你不想安裝擴展程序,您只需預先設置的URL與view-source:,例如view-source:http://content.dimestore.com/prod/survey_data/4535/4535.json。這通常適用於Firefox和Chrome(如果Content-Disposition: attachment標題存在,仍然會提供下載文件)。

+0

+1。它很酷的弗拉基米爾。有沒有其他的前綴像view-source for FF? – 2012-03-27 13:19:09

+0

實際上有一堆,但它們是爲了內部使用而設計的 - 當手動使用時,它們通常不會非常有用。 – 2012-03-27 14:15:31

+0

你在我的問題中更新了什麼? – 2012-03-27 14:21:09

0

我的Content-Type我的JSON打印CGI設置爲text/javascript

適用於在瀏覽器(例如Firefox)中顯示和在腳本中處理的正常工作。

當然,在這種情況下沒有語法突出顯示。

1

那麼我在我的桌面應用程序中搜索WebBrowser中的視圖json文件,當我嘗試在IE瀏覽器仍然同樣的問題IE也提示下載文件。 幸運的是,在搜索過多後,我找到了解決方案。

您需要: 打開記事本,粘貼以下:

 
    [HKEY_CLASSES_ROOT\MIME\Database\Content Type\application/json] 
    "CLSID"="{25336920-03F9-11cf-8FD0-00AA00686F13}" 
    "Encoding"=hex:08,00,00,00 
將文檔另存爲Json.reg,然後用鼠標右鍵單擊文件,並以管理員身份運行。

此之後,你可以在IE瀏覽JSON文件,你的桌面web瀏覽器享受:)

0

右鍵點擊JSON文件,選擇打開,導航到程序,你想(記事本)打開。連續打開會自動使用記事本。

0

對於Firefox的書籤JSON文件,請使用這個優秀的小書籤:

javascript:(function(){var E=document.getElementsByTagName('PRE')[0],T=E.innerHTML,i=0,r1,r2;t=new Array();while(/("uri":"([^"]*)")/g.exec(T)){r1=RegExp.$1;r2=RegExp.$2;if(/^https?:/.exec(r2)){t[i++]='['+(i)+']:<a href='+r2+'>'+r2+'<\/a>';}}with(window.open().document){for(i=0;t[i];i++)write(t[i]+'<br>');close();}})(); 

來源: 「ALTERNA」 從forums.Mozillazine.org: http://forums.mozillazine.org/viewtopic.php?p=5551705#p5551705

0

如果有Content-Disposition: attachment效應初探頭時,Firefox會要求你保存文件,即使你安裝了JSONView來格式化JSON。

爲了克服這一問題,我去掉了首部(「內容處置」:空)與MOZ-重寫的Firefox插件,允許修改請求和響應頭https://addons.mozilla.org/en-US/firefox/addon/moz-rewrite-js/

JSON文件的例子與此服務標題是Twitter API(它看起來像他們最近添加的)。如果你想嘗試這個JSON文件,我有一個腳本來訪問瀏覽器中的Twitter API:https://gist.github.com/baptx/ffb268758cd4731784e3

3

在Chrome中,使用JSONView來查看格式化的JSON。

查看「本地」* .json文件: - 安裝後必須從「窗口」菜單中打開「擴展」選項。 - 「允許訪問文件URL」旁邊的複選框 - 請注意保存是自動的(即不需要明確保存)

重新打開* .json文件並將其格式化。