firebug详细使用方法
Firebug是网页浏览器 Mozilla Firefox下的一款开发类插件,
现属于Firefox的五星级强力推荐插件之一。它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体,是开发
JavaScript、CSS、HTML和Ajax的得力助手。Firebug如同一把精巧的瑞士军刀,从各个不同的角度剖析Web页面内部的细节层面,
给Web开发者带来很大的便利。例如 Yahoo! 的网页速度优化建议工具 YSlow。
Firebug也是一个除错工具。用户可以利用它除错、编辑、甚至删改任何网站的 CSS、HTML、DOM以及JavaScript代码,下面给大家介绍下Firebug的详细使用方法:
操作方法
(01)对于网页开发人员来说,Firebug是Firefox浏览器中最好的插件之一,也可以说Firebug的CSS调试器是专为网页设计师们量身定做的;那么如何安装firebug呢?首先进入浏览器的
(02)进入附加组件之后,然后在搜索框中搜索Firebug附加组件,找到之后安装即可,安装完成后重启浏览器就行了,如下图所示:
(03)下面来说说Firebug的详细使用方法,Firebug可以随时编辑页面:在HTML标签中,点击窗口上方的“inspect”命令,然后再选择页面中的文本节点,你可以对其进行修改,修改结果会马上反应在页面中。
(04)Firebug有6个主要的Tab按钮,本经验将主要介绍这几方面的功能,下面说的是Console 控制台:
(05)Fire的查看和修改HTM代码功能:利用Inspect检查功能,我们还可以用鼠标在页面中直接选择一些区块,查看相应的HTML源代码和CSS样式表,真正的做到所见即所得,如果你使用了外部编辑器修改了当前网页,可以点击Firebug的reload图片重新载入网页,它会继续跟踪你之前用Inspect选中的区块,方便调试。
(06)Firebug的DOM功能:该功能主要用于查看页面DOM信息,通过提供的搜索功能实现DOM的快速准确定位,并可双击来实现DOM节点属性或值的修改。
(07)Firebug的脚本(Javascript)功能:脚本功能主要是一个脚本调试器,可以进行单步调试、断点设置、变量查看等功能,同时通过右边的监控功能来实现脚本运行时间的查看和统计,提高运行效率。
(08)Firebug的网络(Net)功能:该标签功能主要用来监控网页各组成元素的运行时间的信息,方便找出其中运行时间较慢的部分,进一步优化运行效率。
(09)使用Firebug插件在附加组件中打开Firebug启用开关,启用开关默认未开,如果未打开此功能,那么很可能会出现点击后Firebug插件无效的情况;
-
stdole32.tlb丢失或损坏怎么办
Excel是我们办公时候最常用的办公软件之一,但是有些win7专业版用户在使用Excel的过程中出现了“某个对象程序库丢失或损坏”的警告,这究竟是怎么回事呢?虽然有这个错误提示,但是Excel大部分功能还是可以正常使用的。下面由小编给大家介绍一下丢失或损坏的解决方法...
-
Excel中身份证号计算年龄公式是什么
Excel是一款电子表格软件,直观的界面、出色的计算功能和图表工具,再加上成功的市场营销,使Excel成为最流行的个人计算机数据处理软件。那么EXCEL中身份证号计算年龄公式是什么呢,下面我们就来了解一下。操作方法(01)在单元格中输入“=2018-MID(D4,7,)”。(02)D4表示身份证...
-
显卡位宽有哪些,有什么区别
为了更好的兼容,更好的DIY,我们需要了解一下显卡的位宽有哪些,有什么区别。操作方法(01)显卡位宽,主流有128bit还有64bit、128bit、256bit,显存的位宽越高,显卡的性能也就越好。(02)主流显卡采用128bit位宽,128位的显存能够适应大多数游戏。(03)显存的带宽=显存频率*显存位...
-
如何使用QQ云盘呢?怎么使用微云呢?
现在云盘比较流行,随着网络的发展,以前的U盘现在逐步减少,网络云盘可以通过网络盘帮我们保存资料,不需要再随身携带U盘了。下面和大家谈下如何使用qq云盘?操作方法(01)在电脑上登录QQ。(02)点击微云图标进入微云。(03)日常笔记可以在“笔记”栏打开,然后点击新建一个文件。...