Javascript / Chrome – 如何从webkit检查器复制对象作为代码
我正在做一个console.log语句在我的JavaScript为了logging一个javascript对象。 我想知道是否有办法,一旦完成 – 将该对象作为JavaScript代码复制。 我想要做的是转换一个使用Ajax创build的对象来parsing一个XML feed到一个静态的JavaScript对象,以便一个文件可以在本地运行,没有服务器。 我已经在铬检查器窗口中包含了对象的屏幕截图,以便您可以看到我正在尝试执行的操作。
-
右键单击Chrome控制台中的对象,然后从上下文菜单中select“
Store as Global Variable
”。 它会返回类似temp1
的variables名称。 -
Chrome也有一个
copy()
方法,所以在控制台中copy(temp1)
应该将该对象复制到剪贴板。
试试JSON.stringify()
。 复制结果string。
您现在可以在Chrome中通过右键单击对象并select“存储为全局variables”来完成此操作: http : //www.youtube.com/watch?v = qALFiTlVWdg
您可以使用副本(JSON.stringify(Object_Name))将对象复制到剪贴板; 在控制台。
例如: – 将下面的代码粘贴到控制台中,然后按回车键,然后尝试粘贴(ctrl + V),在其他地方粘贴{“name”:“Daniel”,“age”:25}
var profile = { name: "Daniel", age: 25 }; copy(JSON.stringify(profile));
如果您已经通过请求发送了对象,则可以从“Chrome” – >“networking”选项卡中将其复制。
请求负载 – >查看源
遵循以下步骤:
- 从代码中输出console.log对象,如下所示:console.log(myObject)
- 右键单击对象,然后单击“存储为全局对象”。 Chrome会在此处打印variables的名称。 我们假设它叫做“temp1”。
- 在控制台中input:
JSON.stringify(temp1)
。 - 此时,您将看到整个JSON对象为可以复制/粘贴的string。
- 您可以使用在线工具(如http://www.jsoneditoronline.org/)来清理您的string。;
使用“作为全局variables存储”工作,但它只获取对象的最终实例,而不是对象被logging的时刻(因为你可能想比较对象的变化)。 为了在被修改的时刻得到对象,我使用这个…
function logObject(object) { console.info(JSON.stringify(object).replace(/,/g, ",\n")); }
像这样称呼…
logObject(puzzle);
如果您的数据恰好有逗号,则可能需要删除.replace(/./g,“,\ n”)正则expression式。