如何在Chrome中查看window对象中所有对象属性的详细信息?

x33g5p2x  于 12个月前  发布在  Go
关注(0)|答案(2)|浏览(213)

我知道下面的代码可以用来在Chrome dev tools控制台中获取window对象中的对象列表:

for (var prop in window)
    console.log(prop);

如果我想查看这些窗口对象的这些属性所包含的值,我该如何查看这些值?
在Chrome开发工具中有没有快速的方法来查看这些,或者你们通常使用的其他方法?

zphenhs4

zphenhs41#

在Chrome开发工具中有没有快速的方法来查看这些,或者你们通常使用的其他方法?
不要使用“console.log”,Chrome有有用的工具来调试你的web应用。
看看Chrome的debugger:https://developer.chrome.com/devtools/docs/javascript-debugging
教程:http://www.sagarganatra.com/2011/05/javascript-debugging-with-chrome.html
范例:

nnt7mjpx

nnt7mjpx2#

您可以在Dev Tools控制台中输入它。
window记录窗口对象
document记录文档对象
您可以从那里向下移动对象树,如document.getElementById()或window.alert()等。

要获取开发者工具,请打开浏览器窗口右上角的Chrome菜单,然后选择更多工具>开发者工具。您也可以使用Option ++ J(在macOS上)或Shift + CTRL + J(在Windows/Linux上)
我想这将是稍微好,只有一个图标,你可以点击,但我想谷歌认为,写这个词'窗口'是不够的,我倾向于同意。

相关问题