漂亮打印在Ruby到Chrome浏览器控制台中创建的JSON对象
我将一个Ruby对象解析为JSON，并将其呈现在js.erb文件中，并将其打印到控制台（Chrome浏览器）。
在我的js.erb文件中，当我打印这个：
console.log("<%= @search.attributes.to_json %>")
我得到这个：
{"id":124,"period_start":null,"period_end":null,"user_id":null,"created_at":"2015-01-04T05:54:05.133Z","updated_at":"2015-01-04T05:54:05.133Z","onscreen_people_rank_lower":null,"onscreen_people_rank_upper":null,"incl_onscreen_people_unranked":null,"offscreen_people_rank_lower":null,"offscreen_people_rank_upper":null,"incl_offscreen_people_unranked":null}
这是非常难以阅读。 我想让JSON非常漂亮，以便我可以更轻松地阅读它。
在我的js.erb文件中，我试过这个：
console.log(eval("(" + "<%= @search.attributes.to_json %>" + ")"))
和这个：
console.log( jQuery.parseJSON("<%= @search.attributes.to_json %>") )
和这个：
console.log( "<%= JSON.pretty_generate(@search.attributes) %>" )
但没有任何工作 - 代码没有被评估，也没有输出。 我究竟做错了什么？
对Cba Bhusal的回答进行扩展，这对我来说是最好的：
console.log("<%= j JSON.pretty_generate(@search.attributes).html_safe %>");
需要escape_javascript来转义引号，而JSON.pretty_generate插入的空格使它更漂亮。 Chrome控制台中的输出如下所示：
{
"id": 138,
"user_id": null,
"created_at": "2015-01-04T15:57:23.110Z",
"updated_at": "2015-01-04T15:57:23.110Z"
#...
}
它很简单，试试这个
console.log("<%= @search.attributes.to_json.html_safe %>")
上一篇: Pretty print a JSON object created in Ruby to Chrome browser console