我想显示一个对象's在chrome中的值's控制台

I want to display an object's values in chrome's console

本文关键字：控制台 chrome 显示 一个对象      更新时间：2023-09-26

这是我在Chrome控制台中缺少的东西。下面是一个屏幕截图，其中一个javascript对象显示在一个类似于tre的可浏览结构中，如下所示：

（此处箭头）对象

例如，当输入这个时，我只得到一个空数组：

jQuery（）

如果您想浏览jQuery对象中的元素，您必须先选择一些内容
$()返回一个空的jQuery对象。

另一方面，如果你想浏览创建的对象的方法/属性，你应该使用console.dir方法，它会让你更深入地了解你的对象：

console.dir(jQuery());

小提琴在这儿：http://jsfiddle.net/asYay/

通过键入获得的对象

jQuery()

是一个空的jQuery对象，它由与空数组相同的语法表示

[]

jQuery对象是从主体中选择的html元素的类似数组的对象。在您的情况下，选择器（通常会写入函数的函数的第一个参数）是空的，因此没有什么可搜索的jQuery，它返回一个空对象。如果您传递一个带有DOM元素的参数（例如body），它将返回数组中的body

jQuery('body') //=> Array with the body html element inside

请注意，jQuery对象中的HTML元素通常与Google控制台中的标准对象不同。对于标准对象，您将获得Object及其属性作为树结构，在它之前有一个箭头来展开它（就像您在屏幕广播中看到的那样），使用HTML元素，您可以获得DOM节点，但没有要展开的属性或方法。

要查看差异，请尝试以下操作：

在Chrome控制台中显示实例或标准对象：

var object = {
  hi: 'im an object', 
  and_i: 'am represented as a tree like structure', 
  i_can_haz: function() { return 'this is great, it shows all the stuff' }
};

如果您再次键入：

object

您将获得Chrome控制台对象表示。

对于HTML对象，只需执行以下

var object = document.getElementsByTagName('body');

如果你想访问它的属性和功能，可以使用dir方法

dir(object);

您可以在几乎任何对象上使用dir来访问属性

对象将是身体元素的表示。如前所述，jQuery在选择时所做的一切本质上都是将这些元素放入数组中。

相关文章：