Safari/WebKit的console.log DOM节点作为对象?

dev*_*os1 14 javascript safari dom

这是让我坚持一段时间的事情.当我控制一个DOM节点(由示例返回document.getElementById)时,它显示为交互式html元素,就像它出现在"元素"选项卡上一样.

这可以很方便,但有时我只想扩展对象并查看其所有属性,就像我可以为我登录到控制台的其他所有对象做的那样.

有没有什么办法可以让DOM节点作为常规对象在控制台中显示?

use*_*716 25

console.dir而不是console.log.

console.log( document.body );
<body class="question-page">...</body>

console.dir( document.body );
> HTMLBodyElement
    aLink: ""
    attributes: NamedNodeMap
    background: ""
    ...
Run Code Online (Sandbox Code Playgroud)

来自Firebug文档:

console.dir(对象)

打印对象的所有属性的交互式列表.这看起来与您在DOM选项卡中看到的视图相同.

Chrome也支持console.dir,如此处所示 (未显示为属性console,但可用).

在此输入图像描述