Question

我远远不是一个JavaScript向导。但我是一名网络开发人员，所以我至少需要知道我的方法。

我经常做的事情就是警告变量以查看它是什么。

然而，问题是我经常会得到如下结果：“object HTMLInputElement”。对我来说这意味着什么都没有。当然，我可以查一查，但我需要提醒儿童（）儿童（），孩子（）等...

我尝试使用Firebug浏览JavaScript，但出于某种原因，这非常慢。当我开始调试会话时，Firefox会挂起，因为每个调试会话都不知道原因。

所以，我想知道是否有办法以其他方式获取变量的详细信息。或者我可以使用的系统来使事情变得更容易。

Answer 1

我发现Chrome中的开发人员工具运行良好，可以根据需要提供大量详细信息（通常只是将鼠标悬停在脚本选项卡中的变量上;如果该变量是结构化对象，则会出现一个小树控件，你可以向下钻取）。但是，我没有你的Firebug问题（或者至少，不再常见）。

使用alert进行调试非常浪费时间，正如您所发现的那样令人沮丧;如果可能的话，我会考虑使用真正的调试器（比如Chrome的Dev Tools;我也听过Opera的好消息）。

Answer 2

这应该有所帮助：

http://www.openjs.com/scripts/others/dump_function_php_print_r.php

Answer 3

检查javascript变量的最简单方法是使用调试器。如果您尝试使用谷歌浏览器，Firebug无法正常使用，则会内置检查器。

顺便说一下 - 不确定“启动调试会话”是什么意思。如果您安装了firebug，您应该只需单击浏览器右下角的firebug图标即可。转到脚本选项卡，从下拉列表中选择所需的js文件，粘贴在断点（只需左键单击边距）并刷新页面。我从来没有遇到过Firebug的问题，它总是非常好用。我强烈建议弄清楚你的问题是什么，它会让你的生活变得容易一百万次。

Answer 4

使用任何浏览器开发工具（包括IE9），您可以使用console.log在控制台上获取变量输出。这给你的信息因浏览器而异，但是使用Firebug，它允许您在DOM检查器选项卡中浏览变量，可以完全访问所有属性和函数（您甚至可以复制函数的内容以粘贴到其他位置）。 / p>

例如：

var foo = {};

// Do lots of stuff with foo

if (typeof(console) !== "undefined" && console.log) { // prevent errors when console not open, ideally all console calls should be removed before going into production
    console.log(foo);
}

这样做的好处是它不需要任何断点，因此不需要慢速步调试。它不会解决所有问题，但您通常仍需要调试器。

获取有关Javascript变量的所有信息

4 个答案: