FireBug图文详解

Firebug是firefox下的一个插件,能够调试所有网站语言，如HTML、CSS等，但FireBug最吸引我的就是javascript调试功能，使用起来非常方便，而且在各种浏览器下都能使用。Firefox的主要菜单选项有控制台、HTML、CSS、脚本、DOM、网络六个，Firebug从各个不同的角度剖析Web页面内部的细节层面，上述功能的配合使用能够满足网页设计的各项要求。Firebug插件展开图示1、控制台（console）功能：启用此标签后界面如下：作用：显示网页各类错误信息，并可对日志进行打印处理。特色：详细提示错误：显示当前页面中的javascript错误以及警告，并提示出错的文件和行号，方便调试。查看AJAX黑幕：调试Ajax时，能看到每一个XMLHttpRequests请求post出去的参数、 URL、http头以及回馈的内容，原本幕后运作的程序展示在面前。查看运行信息：可以查看变量内容及JAVASCRIPT中运行期的信息。查看脚本的log：Firebug的日志输出有多种格式及语法，还可定制彩色输出，比起单调的alert，显然更加方便。2、HTML功能启用此标签后界面如下：作用：用于查看当前页面的源代码功能，并可进行编辑，时时显示，从而实现页面最佳效果。特色：结构清晰：经过格式化的HTML代码，具有清晰的层次，可以清晰范编程标签之间的从属关系，标识DOM层次，如图所示清晰列出HTML元素的parent、child、root元素，配合CSS查看器更见边界的分析页面的DIV+CSS。直接修改，实时显示：可以在HTML查看器中直接修改HTML源代码，并且浏览器中第一时间看到修改后的效果。高亮显示页面内容改变：若HTML页面元素的样式或背景色被改变，将以黄色高亮显示。所见即所得：利用Inspect检查功能，用鼠标选定页面的某块区块，即可查看相应的HTML源代码和CSS样式表。3、CSS功能启用此标签后界面如下：作用：如今网页多采用CSS+DIV，其中DIV可以精简HTML代码，CSS用于控制页面样式。CSS标签，用于查看所有的CSS定义信息，同时可编辑达到修改页面样式的效果。特色：自下向上列出每一个 CSS样式表的从属继承关系以在这个查看器中直接添加、修改、删除一些CSS样式表属性，并在当前页面中直接看到修改后的结果。典型应用：根据需要随意挪动像素。智能提示：通过上下方向键查看常用样式表属性的值。Firebug 的详细介绍：请点这里
Firebug 的下载地址：请点这里相关阅读：Nginx+Firebug 让浏览器告诉你负载均衡将请求分到了哪台服务器 http://www.linuxidc.com/Linux/2013-10/91824.htm

userdel 命令 - 从Linux系统中删除用户账户GNotifier 让 Firefox 使用原生的气泡通知相关资讯 Firebug

Firebug 2.0.14 发布下载，Firefox （02月09日）
Mozilla正在整合Firefox开发者工具（10/30/2015 06:54:53）
Firebug 2.0.12 发布下载，网页开（09/03/2015 09:16:07）

Firebug 与 DevTools 的集成（11/09/2015 18:41:52）
Firebug 2.0.13 发布下载，网页开（10/27/2015 12:27:12）
Firebug 2.0.11 发布下载，网页开（06/17/2015 07:57:42）

本文评论查看全部评论（0）