javaScript的调试(三)

在火狐浏览器中安装完Firebug后,下面我们就来看一下如何使用Firebug调试javaScript代码。

二、使用Firebug调试

这里有我们在调试过程中经常使用到的6个菜单栏,上面我们已经用红色边框圈出。

1.控制台

我们在调试代码中,经常会使用的输出语句,打印出某段代码执行的结果,看是否正确。

2.HTML

Fire的查看和修改HTM代码功能:

利用Inspect检查功能,我们还可以在页面中直接选中一些区域,查看相应的HTML源代码,如果你使用了外部编辑器修改了当前网页,可以点击Firebug的reload图片重新载入网页,它会继续跟踪你之前用Inspect选中的区块,方便调试。

3.CSS

查看和编辑CSS样式表,和HTML的使用是一一致的,这里是用来修改CSS样式的

4.DOM

主要用于查看页面DOM信息,通过提供的搜索功能实现DOM的快速准确定位,并可双击来实现DOM节点属性或值的修改

5.脚本

这主要是一个脚本调试器,可以进行单步调试、断点设置、变量查看等功能,同时通过右边的监控功能来实现脚本运行时间的查看和统计,提高运行效率。

6.网络

主要用来监控网页各组成元素的运行时间的信息,方便找出其中运行时间较慢的部分,进一步优化运行效率。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 作者:惟吾德馨‘原文地址:http://www.cnblogs.com/allenben/p/4757274.ht...
    IT程序狮阅读 1,049评论 1 9
  • 在做前端开发时,我们需要用到一些调试工具用来调试我们的HTML、CSS或者JS代码,俗话说预先善其事必先利其器,这...
    Rella7阅读 24,291评论 0 15
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 178,839评论 25 709
  • 古之有言:“治大国如烹小鲜”讲究的是细思慢捋,循序渐进,我们的人生亦是一锅小鲜,需要文火来炖,方可入味。 我们的人...
    季贱贱阅读 917评论 0 0
  • 上一次提笔写文章,还是将近一年之前找工作的时候。转眼间这一年就过去了,那时躺在洛杉矶家里小床上的我又怎么能想到一年...
    Ginger_J阅读 619评论 0 0

友情链接更多精彩内容