053288628280
您的当前位置:首页 > 技术支持 > 建站知识 >

firebug的了解和使用方法

时间:2014-08-06

最近跟idc反映网站速度很慢 ,可以idc技术给我一个截图
 
firebug的了解和使用方法

愣是不知道是什么软件截图,后来发现应该是firebug插件
 
firebug是什么?

Firebug是firefox下的一个插件,能够调试所有网站语言,如Html,Css等,但FireBug最吸引我的就是javascript调试功能,使用起来非常方便,而且在各种浏览器下都能使用(IE,Firefox,Opera, Safari)
firebug的使用方法


对于网页开发人员来说,Firebug是Firefox浏览器中最好的插件之一,
也可以说Firebug的CSS调试器是专为网页设计师们量身定做的;那么如何安装firebug呢?首先进入浏览器的
firebug详细使用方法
2
进入附加组件之后,然后在搜索框中搜索Firebug附加组件,找到之后安装即可,安装完成后重启浏览器就行了,如下图所示:
firebug详细使用方法
3
下面来说说Firebug的详细使用方法,Firebug可以随时编辑页面:
在HTML标签中,点击窗口上方的“inspect”命令,然后再选择页面中的文本节点,你可以对其进行修改,修改结果会马上反应在页面中。
firebug详细使用方法
4
Firebug有6个主要的Tab按钮,本经验将主要介绍这几方面的功能,下面说的是Console 控制台:
firebug详细使用方法
5
Fire的查看和修改HTM代码功能:
利用Inspect检查功能,我们还可以用鼠标在页面中直接选择一些区块,查看相应的HTML源代码和CSS样式表,真正的做到所见即所得,如果你使用了外部编辑器修改了当前网页,可以点击Firebug的reload图片重新载入网页,它会继续跟踪你之前用Inspect选中的区块,方便调试。
firebug详细使用方法
6
Firebug的DOM功能:
该功能主要用于查看页面DOM信息,通过提供的搜索功能实现DOM的快速准确定位,并可双击来实现DOM节点属性或值的修改。
firebug详细使用方法
7
Firebug的脚本(Javascript)功能:
脚本功能主要是一个脚本调试器,可以进行单步调试、断点设置、变量查看等功能,同时通过右边的监控功能来实现脚本运行时间的查看和统计,提高运行效率。  
firebug详细使用方法
8
Firebug的网络(Net)功能:该标签功能主要用来监控网页各组成元素的运行时间的信息,方便找出其中运行时间较慢的部分,进一步优化运行效率。
firebug详细使用方法
9
使用Firebug插件在附加组件中打开Firebug启用开关,启用开关默认未开,如果未打开此功能,那么很可能会出现点击后Firebug插件无效的情况;

查看图文介绍:http://jingyan.baidu.com/article/fd8044fa97e08c5030137a6c.html
 
相关文章

Copyright © 2009-2017 千龙网络 版权所有  鲁ICP备09004053号 TAG SITEMAP