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插件无效的情况;
-
单片机案例点亮一颗发光二极管
大家好,今天和大家分享的是单片机案例——点亮一颗led灯。这个可以说是每个人在初步接触单片机是都会学到的一个程序,我们来看看怎么做吧操作方法(01)这里我就直接进入程序了,前面的建立工程呀,设置参数那些我就不说了,在我其他的经验中也有讲到了,不懂的可以看看我以...
-
百度地图查看坐标
操作方法(01)首先,电脑打开搜狗浏览器,进入百度官网。(02)在上边我们点击百度地图的按钮。(03)进入地图上,可以看到当前自己所在城市。(04)点击地图下方的“地图开发平台”按钮。(05)在地图开放平台页面,点击:开发文档——坐标拾取器。(06)然后在地图中,随意点击一个位置,就可以查...
-
html中a标签的四个伪类
今天为大家介绍一下html中a标签的四个伪类,即用于向被选中元素添加特殊的效果......操作方法(01)伪类:伪类用于向被选中元素添加特殊的效果。(元素在特定情况下才具备的)如图分别是将a标签的link、hover、active、visited修改后的样式(02)a标签的四个伪类之link即未...
-
如何管理win10的设备管理器检查硬件?
相信很多刚刚安装windows10正式版的用户一定发现了很多令人欣喜的功能改进,但是可能还不是很熟悉,尤其是对如何管理win10的设备管理器检查硬件,已达到完美的程度。下面就来详细讲解一下。操作方法(01)首先,你要做的是按下快捷键Win+X,然后在出现的快捷菜单中单击“控...