Javascript / Chrome – 如何从webkit检查器复制对象作为代码

我正在做一个console.log语句在我的JavaScript为了logging一个javascript对象。 我想知道是否有办法,一旦完成 – 将该对象作为JavaScript代码复制。 我想要做的是转换一个使用Ajax创build的对象来parsing一个XML feed到一个静态的JavaScript对象,以便一个文件可以在本地运行,没有服务器。 我已经在铬检查器窗口中包含了对象的屏幕截图,以便您可以看到我正在尝试执行的操作。 在这里输入图像说明

  1. 右键单击Chrome控制台中的对象,然后从上下文菜单中select“ Store as Global Variable ”。 它会返回类似temp1的variables名称。

  2. Chrome也有一个copy()方法,所以在控制台中copy(temp1)应该将该对象复制到剪贴板。

在Chrome DevTools中复制Javascript对象

试试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”选项卡中将其复制。

请求负载 – >查看源

在这里输入图像说明

在这里输入图像说明

遵循以下步骤:

  1. 从代码中输出console.log对象,如下所示:console.log(myObject)
  2. 右键单击对象,然后单击“存储为全局对象”。 Chrome会在此处打印variables的名称。 我们假设它叫做“temp1”。
  3. 在控制台中input: JSON.stringify(temp1)
  4. 此时,您将看到整个JSON对象为可以复制/粘贴的string。
  5. 您可以使用在线工具(如http://www.jsoneditoronline.org/)来清理您的string。;

使用“作为全局variables存储”工作,但它只获取对象的最终实例,而不是对象被logging的时刻(因为你可能想比较对象的变化)。 为了在被修改的时刻得到对象,我使用这个…

 function logObject(object) { console.info(JSON.stringify(object).replace(/,/g, ",\n")); } 

像这样称呼…

 logObject(puzzle); 

如果您的数据恰好有逗号,则可能需要删除.replace(/./g,“,\ n”)正则expression式。