绿茶软件园
资讯首页 > 软件教程 > 使用教程 > firebug怎么用?火狐firebug使用教程

firebug怎么用?火狐firebug使用教程

作者:佚名 来源:绿茶软件园 2014-12-20 11:10:25

  firebug怎么用?大家可以通过下文来了解火狐firebug使用教程,Firebug是网页浏览器 Mozilla Firefox下的一款开发类插件,有些朋友不知道该如何使用,请看下文吧。

  --Firebug可以随时编辑页面

  在HTML标签中,点击窗口上方的“inspect”命令,然后再选择页面中的文本节点,你可以对其进行修改,修改结果会马上反应在页面中。

firebug怎么用?火狐firebug使用教程1

  Firebug有6个主要的Tab按钮,本经验将主要介绍这几方面的功能,下面说的是Console控制台:

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

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

  --Firebug的DOM功能

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

  --Firebug的脚本(Javascript)功能

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

  --Firebug的网络(Net)功能

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

  使用Firebug插件在附加组件中打开Firebug启用开关,启用开关默认未开,如果未打开此功能,那么很可能会出现点击后Firebug插件无效的情况。

绿茶小编猜你还喜欢:
火狐浏览器Firefox 19正式版官方下载抢先体验
火狐浏览器怎么清除缓存?火狐浏览器清除缓存教程

返回顶部