下载
加入VIP
  • 专属下载特权
  • 现金文档折扣购买
  • VIP免费专区
  • 千万文档免费下载

上传资料

关闭

关闭

关闭

封号提示

内容

首页 Firebug的Console的用法

Firebug的Console的用法.doc

Firebug的Console的用法

身着华丽装的小丑
2018-09-30 0人阅读 举报 0 0 暂无简介

简介:本文档为《Firebug的Console的用法doc》,可适用于IT/计算机领域

Firebug的Console的用法Console还提供了通过命令行方式来调试Javascript的方法Console的用法、Firefox的日志记录(LogginginFirefox)。通过Console的记录方法我们可以不再使用烦人的alert或者documentwrite方法来进行调试。Firebug提供了五种日志的类型:consolelog:记录一行信息无任何图标提示consoledebug:记录一行信息带超链接可以链接到语句调用的地方consoleerror():向控制台中写入错误信息带错误图标显示和高亮代码链接consoleinfo():向控制台中写入提示信息带信息图标显示和高亮代码链接consolewarn():向控制台中写入警告信息带警告图标显示和高亮代码链接consle打印字符串支持字符串替换使用起来就像c里面的printf(“s”,a),支持的类型包括:sstring字符串d,i整型f浮点o对象如果使用o的话对象就会用绿色的超链接表示出来单击后会将你带到DOM视图。、分组(Grouping)。如果某一类的信息特别多时分组就有利于逻辑的划分。使用上很简单参见代码。functionconsoleGroup(){vargroupname=“Group″consolegroup(“Messagegroups”,groupname)consolelog(“Thisisthemessageins”,groupname)consolelog(“Thisisthemessageins”,groupname)consolelog(“Thisisthemessageins”,groupname)consolegroupEnd()goupname=“Group″consolegroup(“Messagegroups”,goupname)consolelog(“Thisisthemessageins”,goupname)varsubgroupname=“Subgroup″consolegroup(“Messagegroups”,subgroupname)consolelog(“Thisisthemessageins”,subgroupname)consolelog(“Thisisthemessageins”,subgroupname)consolelog(“Thisisthemessageins”,subgroupname)consolegroupEnd()consolelog(“Thisisthemessageins”,goupname)consolegroupEnd()}、consoledir和consoledirxmlconsoledir可以将一个对象的所有方法和属性打印出来这个方法无疑是非常有用的我们不再需要objecttoString这样的方法支持了只要有firebug查看对象也变得很轻松同时我们也可以将页面中的元素作为一个对象打印出来但是你要小心因为这将输出众多的信息可能你会迷失在繁杂的信息中而找不到自己需要的条目。我们可以通过分组将这些大量的信息放入一个分组中这样可以在逻辑上更清楚一些。functionconsoleDir(){functionCar(){thisModel=“OldModel”thisgetManu=function(){return“Toyota”}}varobjCar=newCar()consoledir(objCar)consoledir(zoo)vargroupname=“CssStyle”consolegroup(“ThebuttonStyle”,groupname)consoledir(documentgetElementById(‘consoledir’)style,groupname)consolegroupEnd()}consoledirxml打印出HTML元素的XML表示形式、断言(consoleassert())。consoleassert()可以用来判断一个表达式是否正确如果错误他就会打印错误信息在控制台窗口中。、追踪(consoletrace())。consoletrace()是一个非常有趣的功能。我们先来看看官方的解释:打印Javascript执行时刻的堆栈追踪。这个函数可以打印出程序执行时从起点到终点的路径信息。比如如果我们想知道某个函数是何时和如何被执行的我们将consoletrace()放在这个函数中我们就能够的看到这个函数被执行的路径。这个函数在调试其他人的源代码时非常有用。、计时(Timing)。consoletime(timeName)可以用来计时这个在我们需要知道代码执行效率的时候特别有用就不用自己造轮子了。functionconsoleTime(){vartimeName=“timer″consoletime(timeName)vara=for(vari=i<i){for(varj=j<j){consolelog(‘Helloworld’)a=a}}consolelog(“a=d”,a)consoletimeEnd(timeName)}、Javascript分析器(JavascriptProfiler)。我们可以通过代码consoleprofile(‘profileName’)或者单击Profiler标签来进行Javascript代码执行的分析。这个功能有点类似于consoletime()可以帮助我们评估代码的表现但是能够提供比consoletime()更详细的信息。有三种方法可以调用Javascriptprofiler。一种是在代码中写入分析脚本一种是单击profile标签最后还可以在命令行下输入命令来执行。执行后可以看到详细的输出结果下面对各项进行一些说明:FunctionColumn:显示调用的函数名称CallColumn:显示调用次数PercentColumn:显示消耗的时间比OwnTime:显示函数内部语句执行的时间不包括调用其他函数的时间TimeColumn:显示函数从开始到结束的执行时间AvgColumn:平均时间。Avg=OwnCallMinMaxColumn:显示最小和最大时间FileColumn:函数所在的文件、其他的一些选项。在ConsoleTab的最右侧有一个Options的选项在这里可以自己定义需要显示的错误其内容很好理解这里就不多说了。有一点就是Firebug以后多了ShowChromeErrors、ShowChromeMessage等几个选项这几个选项还没有验证过其具体的作用哪位知道的可以共享一下。

用户评价(0)

关闭

新课改视野下建构高中语文教学实验成果报告(32KB)

抱歉,积分不足下载失败,请稍后再试!

提示

试读已结束,如需要继续阅读或者下载,敬请购买!

文档小程序码

使用微信“扫一扫”扫码寻找文档

1

打开微信

2

扫描小程序码

3

发布寻找信息

4

等待寻找结果

我知道了
评分:

/5

Firebug的Console的用法

VIP

在线
客服

免费
邮箱

爱问共享资料服务号

扫描关注领取更多福利