检查Chrome中的console.log变量

时间:2017-01-15 05:49:59

标签: javascript google-chrome debugging console.log web-inspector

作为一个想法,我想知道是否可以检查chrome或控制台模式中任何其他浏览器中任何变量的 log 属性。我已经知道您已经可以检查检查器元素中的 DOM ,并且您也可以通过调试模式。我想证明我的观点以及为什么我和大多数新手都会受益。

您可以在下图中看到: enter image description here

因此,你可以看到我试图访问数组[15]的一些元素,但最后它总是给我未定义。在重新编译它之前测试一些代码很不错,这需要时间。另外,有时您并不总是知道您在JS中调用的函数与您想要实现的功能兼容。

2 个答案:

答案 0 :(得分:1)

将整个代码放入:

$(document).ready (function (){
    //Paste your code here
});

重点是你在DOM存在之前尝试访问它。

当您尝试访问该课程时,该项目不存在。

替代: 将脚本移动到html中的元素下面。

这是一个非常通用的解决方案,我没有看到代码。请求您也发布代码。

希望它有所帮助。

答案 1 :(得分:1)

您需要在输出阵列的位置添加调试器。在我看来,你试图在执行结束后访问变量,因此变量值会丢失,因为它超出了范围。当执行在调试器停止时,您可以控制变量和属性console.log。此时变量将在范围内。