当前位置: 首页 > 图文教程 > 网络编程 > Javascript > firefox firebug中文入门教程 脚本之家新年特别版

Javascript
jQuery chili图片远处放大插件
Aptana调试javascript图解教程
JS 动态获取节点代码innerHTML分析 [IE,FF]
jquery 分页控件实现代码
Ruffy javascript 学习笔记
JavaScript 学习笔记 Black.Caffeine 09.11.28
Jquery 快速构建可拖曳的购物车DragDrop
js 变量类型转换常用函数与代码[比较全]
JavaScript 直接操作本地文件的实现代码
兼容IE与Firefox的js 复制代码
让FireFox支持innerText的实现代码
js 表格隔行颜色
Jquery选择器 $实现原理
JS类的封装及实现代码
用Javascript检查Adobe PDF插件是否安装的实现代码
鼠标拖动动态改变表格的宽度的js脚本 兼容ie/firefox
JavaScript Object的extend是一个常用的功能
JavaScript 报表展示实现代码
两种WEB下的模态对话框 (asp.net或js的分别实现)
checkbox全选/取消全选以及checkbox遍历jQuery实现代码

Javascript 中的 firefox firebug中文入门教程 脚本之家新年特别版


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-10   浏览: 350 ::
收藏到网摘: n/a

最近看了一篇文章感触颇深,对于firebug作为软晨学习网的编辑经常看的到,但可悲的是没怎么用过,不是不用那个而是不会用,刚好看了一篇基础的文章特别整理下。

让所有没用过firebug的朋友来,彻底的入门使用,对于高级使用技巧软晨学习网以后会为大家都准备一些的。希望大家多多的支持我们,支持软晨学习网。
1、firebug做什么用的
FireBug是FireFox下最强大的调试插件.它对于网页开发人员来说,Firebug是Firefox浏览器中最好的插件之一。
对于一些javascript的调式好像大家用这个也是主要的原因。
2、如何获取firebug
因为firebug需要在firefox浏览器下运行,所以大家一定要安装个firefox浏览器。然后用firefox打开https://addons.mozilla.org/zh-CN/firefox/addon/1843页面添加到firefox即可,安装好后在 工具栏中可以看到

就代表安装成功了
3、安装后如何使用呢
我们以软晨学习网网站为例 地址栏输入www.ruanchen.com, 然后 工具-firebug-打开firebug(或打开网页后直接F12)

上面的可以通过修改下面的代码,上面内容的同步显示,看来用来解决一些编辑问题也是不错的。
下面是让大家看看如果调试js代码 那就是利用“控制台”,默认情况下是这样的

就是因为这个原因,我才一直没用使用的,后来发现这样操作一下即可。看图

就是控制台后面的小三角号,选择为启用即可。

对于其它的技巧请查看软晨学习网的上一篇与下一篇文章。