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

Question

我在我的javascript中做一个console.log语句,以便记录一个javascript对象.我想知道是否有办法,一旦完成 - 将该对象复制为javascript代码.我要做的是转换使用ajax创建的对象将xml提要解析为静态javascript对象,以便文件可以在本地运行,而无需服务器.我在chrome检查器窗口中包含了对象的屏幕截图,以便您可以看到我正在尝试做的事情.

Answer 1

1. 右键单击Chrome控制台中的对象,然后Store as Global Variable从上下文菜单中选择.它将返回类似temp1变量名称的内容.

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

关于递归对象的注意事项:如果您正在尝试复制递归对象,您将获得[object Object].这是可以预料的.

Answer 2

试试JSON.stringify().复制结果字符串.

Answer 3

您可以使用copy(JSON.stringify(Object_Name))将对象复制到剪贴板; 在控制台中.

例如: - 在控制台中复制并粘贴以下代码,然后按ENTER.现在,尝试将(ctrl + V)粘贴到其他地方,你会得到 {"name":"Daniel","age":25}

var profile = {
    name: "Daniel",
    age: 25
};

copy(JSON.stringify(profile));

Answer 4

您现在可以通过右键单击对象并选择"存储为全局变量"在Chrome中完成此操作:http://www.youtube.com/watch？v = qALFiTlVWdg

Answer 5

请遵循以下步骤:

1. 使用您的代码中的console.log输出对象,如下所示:console.log(myObject)
2. 右键单击该对象,然后单击"存储为全局对象".Chrome会在此时打印变量的名称.我们假设它被称为"temp1".
3. 在控制台中,键入:JSON.stringify(temp1).
4. 此时,您将看到整个JSON对象为可以复制/粘贴的字符串.
5. 此时您可以使用http://www.jsoneditoronline.org/等在线工具来美化字符串.

Answer 6

如果您通过请求发送了对象,则可以从Chrome - >网络标签中复制该对象.

请求有效负载 - >查看源

Answer 7

更新 - Chrome 89

右键单击->复制对象

来源：（https://developers.google.com/web/updates/2021/01/devtools?utm_source=devtools）

也来自调试器