Firebug是firefox下的一个插件,能够调试所有网站语言，如Html,Css等，但FireBug最吸引我的就是javascript调试功 能，使用起来非常方便，而且在各种浏览器下都能使用（IE,Firefox,Opera, Safari）。除此之外，其他功能还很强大，比如html,css,dom的查看与调试，网站整体分析等等。总之就是一整套完整而强大的 WEB开发工具。

  1. firebug的安装首先打开火狐浏览器,如果你没的浏览器没有菜单栏的话你可以按F10或者Ctrl+shift+A来调出火狐的组件拓展.

  2. 然后在右上角输入firebug然后回车,在对应的检索结果中选择firebug,然后点击安装,如果安装完之后按F12没有出现对应的调试窗口的建议重启火狐浏览器即可.

    下面分别对火狐的7的模块简单的说明一下它的功能,因本人是程序员所以一些高级应用没有去探索,只是把自己的常用的功能说明一下

  3. 按F12调出调试窗口,然后移动鼠标选中想要编辑的对应在上面可以看到对应的效果

  4. 如果你想用调试jquery语法也是可以点击控制台就可以开始你的jquery之旅了.而且还有提示功能很爽,这里还有点Linux的历史命令的味道

  5. 在别的编程语言里面例如PHP查看数组的话可以用var_dump,print_r查看数组有那些对应元素,但是js就麻烦了,我是真不知道用那个方法查看

    所以自己写了一个例子,我一般用dir和console.log()来查看,不知道别人是怎么查看的?更有趣的是console的api还可以查看脚本的运行时间真的牛了.

  6. 再下面用到的就是AJAX请求动态数据了,自己做了一个简单的联动效果.来说明怎么查看返回来的数据.

  7. 也许Firebug最吸引我的就会JS的调试了,真的很方便,只要简单的设置一下断点,按一下步入就可以调试JS脚本了.

  8. 8

    最后如果自己想深入研究的话可以到这里查看相应的使用方法.祝你好运!

    https://getfirebug.com/wiki/index.php/Console_api

    这里有更精彩的用法等着你去探索.

firebug的使用方法和技巧(web开发调试工具)的更多相关文章

  1. 移动web开发调试工具AlloyLever介绍

    简介 web调试有几个非常频繁的刚需:看log.看error.看AJAX发包与回包.其他的如timeline和cookie以及localstorage就不是那么频繁,但是AlloyLever都支持.如 ...

  2. fiddler web开发调试工具的使用

    fiddler使用场景: (1)开发环境host配置: 通常情况下,配置host需要改变系统文件很不方便,在多个开发环境下切换很低效 fiddler提供了相对高效的host配置方法 (2)前后端接口调 ...

  3. Web 开发人员系统重装备忘录

    准备工作: 一.配置IIS 软件安装: 一.大块头: 1.VS2005 1.VS2005SP1 2.VSS 2005 2.VS2008 1.VS2008TeamExplorer 2.VS2008SP1 ...

  4. 移动Web开发小技巧

    移动Web开发小技巧 添加到主屏后的标题(IOS) name="apple-mobile-web-app-title" content="标题"> 启用  ...

  5. 性能调优之提高 ASP.NET Web 应用性能的 24 种方法和技巧

    性能调优之提高 ASP.NET Web 应用性能的 24 种方法和技巧   poptest是国内唯一一家培养测试开发工程师的培训机构,以学员能胜任自动化测试,性能测试,测试工具开发等工作为目标.如果对 ...

  6. 移动端web开发技巧（转）

    原文链接:http://liujinkai.com/2015/06/06/mobile-web-skill/ 移动端web开发技巧 这是一个最好的时代,因为我们站在潮流中:但也是一个最坏的时代,因为我 ...

  7. 提高 ASP.NET Web 应用性能的 24 种方法和技巧（转载）

    在这篇文章中,将介绍一些提高 ASP.NET Web 应用性能的方法和技巧.众所周知,解决性能问题是一项繁琐的工作,当出现性能问题,每个人都会归咎于编写代码的开发人员. 以下为译文 那性能问题到底该如 ...

  8. 做web开发和测试，修改hosts指定某个域名访问某个特定的IP后，如何使hosts立即生效的方法

    本文转自SUN'S BLOG,原文地址:http://whosmall.com/post/143 hosts的配置方法: 在windows系统中,找到C:\windows\system32\drive ...

  9. Node.js入门笔记（6）：web开发方法

    使用node进行web开发 用户上网流程: 表面上看:打开浏览器--输入网址--跳转--上网. 背后的过程是什么呢? http请求网址到指定的主机--服务器接收请求--服务器响应内容到用户浏览器--浏 ...

随机推荐

  1. mac升级yosemite后安装gd的freetype扩展

    Mac升级系统到 Yosemite 10.10,对于各位Coder来说,还是需要一些时间来折腾的! @星空之下 同学反映 PHPCMS 的验证码图片不能正常显示,反馈该验证码需要GD库支持FreeTy ...

  2. 敏捷开发之道（三）极限编程XP续

    上次的博文敏捷开发之道(二)极限编程XP中,我们了解了XP的实践中的其中四个,今天我们来一起学习一下剩余的实践. --接上文 5).结对编程 结对编程就是由结对的开发人员使用同一台电脑共同完成一项任务 ...

  3. get的四种请求形式

    $_GET变量当用户以get方式请求页面并发送数据的时候,$_GET变量就存储了这些数据——get数据!get请求有4种形式:形式1:<form  action=”abc.php”   meth ...

  4. spring mvc的excel报表文件下载时流的冲突解决

    在jsp或者在servlet中有时要用到 response.getOutputStream(),但是此时会在后台报这个错误java.lang.IllegalStateException: getOut ...

  5. OC类的本质，深入探讨，load方法和initialize方法

    1:类的本质:类也是一种类,可以叫做类类,类对象,类类型: 2:类和对象在内存中分配问题(注意区分类的对象和类对象的概念) 类对象在内存中只有一份,且只加载一次,类对象中存放了类中定义的方法: 而成员 ...

  6. anroid ndk编译ffmpeg 引用librtmp libx264

    Ffmpeg 无处不在,自然android系统少不了它,折腾了不少时间完成 ndk编译ffmpeg,生成so库中引用了外部库librtmp,libx264.条条大路通罗马, 也许还有别的更好的方法去完 ...

  7. C#的配置文件App.config使用总结 - 转

    http://blog.csdn.net/celte/article/details/9749389 首先,先说明,我使用的app.config 配置文件的格式如下: <?xml version ...

  8. tar命令，转来等用

    tar 解压缩命令 tar -c: 建立压缩档案 -x:解压 -t:查看内容 -r:向压缩归档文件末尾追加文件 -u:更新原压缩包中的文件 这五个是独立的命令,压缩解压都要用到其中一个,可以和别的命令 ...

  9. JUnit4的使用

    JUnit4是JUnit框架有史以来的最大改进,其主要目标便是利用Java5的Annotation特性简化测试用例的编写. 先简单解释一下什么是Annotation,这个单词一般是翻译成元数据.元数据 ...

  10. Centos——rpm和yum

    间歇性的学习了centos的一些使用,发现一段时间不操作,就会忘掉其中的概念或者操作方式方法,于是在此总结一下. 一.问题描述 首先,把一个我最常忘记的概念性的东西在这里记录一下: 什么是yum,什么 ...