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

2020/09/24 21:01 · javascript ·  · 0评论

我在我的JavaScript中执行console.log语句,以记录一个JavaScript对象。我想知道是否有一种方法,一旦完成,就将该对象复制为javascript代码。我想做的是将使用ajax创建的对象转换为将xml feed解析为静态javascript对象,以便文件可以在本地运行,而无需服务器。我在chrome inspector窗口中包含了该对象的屏幕快照,以便您可以看到我正在尝试执行的操作。在此处输入图片说明

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

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

在Chrome DevTools中复制Javascript对象

关于递归对象的注意事项:如果尝试复制递归对象,则将获得[object Object]出路是copy(JSON.stringify(temp1)),该对象将作为有效JSON完全复制到剪贴板,因此您可以使用多种资源之一随意设置其格式。

尝试JSON.stringify()复制结果字符串。不适用于包含循环引用的对象。

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

例如:-在控制台中复制并粘贴以下代码,然后按Enter。现在,尝试将其粘贴(对于Windows,则为CTRL + V;对于Mac,则为CMD + V),将其粘贴到其他位置,您将得到 {“ name”:“ Daniel”,“ age”:25}

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

copy(JSON.stringify(profile));

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

在此处输入图片说明

请按照以下步骤操作:

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

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

请求有效载荷->查看源

在此处输入图片说明

在此处输入图片说明

这应该通过省略递归WindowNode对象来帮助深化对象。

function stringifyObject(e) {
  const obj = {};
  for (let k in e) {
    obj[k] = e[k];
  }

  return JSON.stringify(obj, (k, v) => {
    if (v instanceof Node) return 'Node';
    if (v instanceof Window) return 'Window';
    return v;
  }, ' ');
}

使用“作为全局变量存储”是可行的,但是它只能获取对象的最终实例,而不是记录对象的时间(因为您可能想在对象发生更改时将其进行比较)。为了在修改的确切时间获取对象,我使用了...

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

这样称呼它...

logObject(puzzle);

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

所以,。我有这个问题。除了我有[对象]

我相信您可以通过递归来做到这一点,但这对我有用:

这是我在控制台中所做的:

var object_that_is_not_shallow = $("all_obects_with_this_class_name");
var str = '';
object_that_is_not_shallow.map(function(_,e){
    str += $(e).html();
});
copy(str);

然后粘贴到您的编辑器中。

右键单击要存储的数据

  • 首先,右键单击要存储的数据->选择“存储为全局变量”,新的临时变量如下所示:(temp3变量):
    新的临时变量出现在控制台中
  • 第二次使用命令copy(temp_variable_name)类似于图片:
    在此处输入图片说明,
    之后,您可以将数据粘贴到所需的任何位置。
    希望有用/

将此添加到控制台并执行

copy(JSON.stringify(foo));

这会将您的JSON复制到剪贴板

本文地址:http://javascript.askforanswer.com/javascript-chrome-ruhecongwebkitjianchaqifuzhiduixiangzuoweidaima.html
文章标签: ,   ,   ,   ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!