控制台详细解决方案

1。显示信息的命令

（控制台日志）；输出将不会控制台输入页面。

（控制台信息）；一般信息

（控制台调试）；调试信息

（控制台警告）；警告

（控制台错误）；
console.log（）；可以用来代替警报（）或document.write（）；例如，写console.log（Hello World）的网页，然后进入控制台，但不会输入网页。
我们在代码中插入以下代码：

Console.info（这是信息）；

Console.debug（这是调试）；

Console.warn（这是警告）；

Console.error（这是错误的）；

加载后，打开控制台，如下所示：
两。占位符

The above 5 methods of the console object can use a printf style placeholder.However, there are few kinds of placeholders that support only four kinds of characters (%s), integers (%d or%i), floating point number (%f) and object (%o).For example:

console.log（%d %d %d天

console.log（PI为F
占位符可以用来查看对象的内部情况：

var狗{ }；

dog.name =蛋；

dog.color =黄色；

然后，使用它的占位符：

console.log（的
三、包显示
console.group（）；（）；（console.groupend分别使用这两种方法对）
console.group（第一组信息）；
console.log（第一组1）；
console.log（第一组）；
Console.groupEnd（）；
console.group（第二组信息）；
console.log（第二的第一篇文章）；
console.log（第二组第二组）；
Console.groupEnd（）；

四、console.dir（）；（显示一个特定对象的所有属性和方法）

例如，现在，为第二部分的狗对象添加一个树皮（）方法，然后用迪尔（）显示它。

dog.bark =函数（）{ alert（旺）；}；

console.dir（狗）；
五、console.dirxml（）；（把所有的HTML / XML代码包含在一个节点）

无功表= document.getelementbyid（表）； / /接入节点

console.dirxml（表）； / /显示所有节点
六、console.assert（）；（用来判断一个表达式或变量是真的。如果是没有结果的，相应的信息输出到控制台，则抛出一个异常。

var结果= 0；

Console.assert（结果）； / /假

var年= 2000；

Console.assert（公元= = 2011）； / /假
七、console.trace（）；（用于跟踪函数调用路径）

一个加法函数*

函数添加（a，b）{

返回A+；

}

我想知道这个函数被调用，并添加console.trace（）方法，它。

函数添加（a，b）{

Console.trace（）；

返回A+；

}

假定该函数的调用代码如下所示：

var x = ADD3（1,1）；

功能（A，B）{ ADD3 2（A，B）的回报；}

功能（A，B）{ 2 1（A，B）的回报；}

功能（A，B）1 {（a，b）收益增加；}

运行后，调用路径添加（）显示，从顶部向底部添加（），（），（）1 2，ADD3（）。
八、console.time（）；和console.timeend（）；（用于显示的代码的运行时间）
console.time（定时器1 ）；

对于（var i = 0；i < 1000；i + +）{

对于（var j＝0；j＜1000；j + +）{ }

}

Console.timeEnd（定时器1 ）；

九、绩效分析

性能分析（仪）是分析每一个部分的程序的运行时间，找出瓶颈，并利用console.profile方法（）；

假设有一个函数foo（），它调用其他功能funca（）和（），其中funcb funca（）调用被调用，和funcb（）调用1次。
函数（）{

对于（var i = 0；i < 10；i++）{ funca（1000）；}

FuncB（10000）；

}

功能funca（计数）{

对于（var i = 0；i <计数；i + +）{ }

}

功能funcb（计数）{

对于（var i = 0；i <计数；i + +）{ }

}

然后分析（）；
console.profile（表现分析仪一）；

美孚（）；

Console.profileEnd（）；
标题栏的提示，12的总功能，共有2.656 milliseconds.funca（）运行10次，需要1.391毫秒，运行时间最短为0.123毫秒，最长为0.284毫秒，平均0.139毫秒，funcb（）运行1次，以1.229ms毫秒。

除了使用console.profile（）；方法，Firebug还提供了一个轮廓按钮，在按钮的点击第一，性能分析开始，你可以在网页上做一些操作（如Ajax操作），然后点击按钮二倍，性能分析完毕后，通过操作造成的所有操作将执行性能分析。
十、属性菜单

控制台面板的名称后面有一个倒三角形，点击后显示属性菜单。
默认情况下，控制台只显示Javaｓｃｒｉｐｔ错误。如果选择了Javaｓｃｒｉｐｔ警告、CSS错误和XML错误，则会显示相关的提示信息。

它是有用的在这里表明，xmlhttprequests 也显示Ajax请求。选择后，网页上的所有Ajax请求显示在控制台面板。

例如，点击一个YUI实例，控制台将告诉我们，它发送一个GET AJAX方式请求和HTTP请求和响应头信息和内容也可以看出。
以上是本文的全部内容，希望大家能喜欢。