我知道下面的代码可以用来在Chrome dev tools控制台中获取window对象中的对象列表:
for (var prop in window) console.log(prop);
如果我想查看这些窗口对象的这些属性所包含的值,我该如何查看这些值?在Chrome开发工具中有没有快速的方法来查看这些,或者你们通常使用的其他方法?
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范例:
nnt7mjpx2#
您可以在Dev Tools控制台中输入它。window记录窗口对象document记录文档对象您可以从那里向下移动对象树,如document.getElementById()或window.alert()等。
window
document
要获取开发者工具,请打开浏览器窗口右上角的Chrome菜单,然后选择更多工具>开发者工具。您也可以使用Option ++ J(在macOS上)或Shift + CTRL + J(在Windows/Linux上)我想这将是稍微好,只有一个图标,你可以点击,但我想谷歌认为,写这个词'窗口'是不够的,我倾向于同意。
2条答案
按热度按时间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
范例:
nnt7mjpx2#
您可以在Dev Tools控制台中输入它。
window
记录窗口对象document
记录文档对象您可以从那里向下移动对象树,如document.getElementById()或window.alert()等。
要获取开发者工具,请打开浏览器窗口右上角的Chrome菜单,然后选择更多工具>开发者工具。您也可以使用Option ++ J(在macOS上)或Shift + CTRL + J(在Windows/Linux上)
我想这将是稍微好,只有一个图标,你可以点击,但我想谷歌认为,写这个词'窗口'是不够的,我倾向于同意。