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

2022-08-29 22:40:26

我正在我的javascript中做一个控制台.log语句,以便记录一个javascript对象。我想知道是否有一种方法,一旦完成 - 将该对象复制为javascript代码。我试图做的是将使用ajax创建的对象转换为静态javascript对象,以便文件可以在没有服务器的情况下在本地运行。我已经在chrome检查器窗口中包含了该对象的屏幕截图,以便您可以看到我正在尝试执行的操作。enter image description here


答案 1
  1. 在 Chrome 控制台中右键单击某个对象,然后从上下文菜单中进行选择。它将返回类似于变量名称的内容。Store as Global Variabletemp1

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

Copy Javascript Object in Chrome DevTools

关于递归对象的说明:如果您尝试复制递归对象,您将获得 .出路是尝试 ,对象将作为有效的 JSON 完全复制到剪贴板,因此您可以使用众多资源之一根据需要对其进行格式化。[object Object]copy(JSON.stringify(temp1))

如果收到该消息,则可以使用 的第二个参数(它是一个 filter 函数)来筛选出有问题的循环属性。有关更多详细信息,请参阅此堆栈溢出答案Uncaught TypeError: Converting circular structure to JSONJSON.stringify


答案 2

在Chrome 89或更高版本中,您只需右键单击控制台中的对象并选择(ref)即可。这也适用于Chrome开发人员工具中的其他一些位置,例如调试时或网络请求的响应选项卡内。Copy Object

另一种选择是按原样使用 copy 命令:

var x = { a: 1, b: 2 };
copy(x);

原始答案