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

Javascript
XmlUtils JS操作XML工具类
jQuery animate效果演示
Jquery 设置标题的自动翻转
JQuery与Ajax常用代码实现对比
学习JS面向对象成果 借国庆发布个最新作品与大家交流
CSS 布局一个漂亮的滑块
兼容多浏览器的JS 浮动广告[推荐]
学习ExtJS(一) 之基础前提
学习ExtJS Column布局
jquery 最简单的属性菜单
有效的捕获JavaScript焦点的方法小结
js css样式操作代码(批量操作)
JS模拟的QQ面板上的多级可展开的菜单
jquery 框架使用教程 AJAX篇
css 有弹动效果的网页导航
jQuery语法总结和注意事项
用AJAX技术做Google Suggest效果
Javascript文档对象模型(DOM)实例分析
Javascript制作拖动网页布局的方法
Javascript解决IE6和FF的PNG图片兼容性问题

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-10   浏览: 385 ::
收藏到网摘: 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代码 那就是利用“控制台”,默认情况下是这样的

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

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

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