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

Javascript
JS option location 页面跳转实现代码
ExtJS 简介 让你知道extjs是什么
ExtJs 学习笔记 Hello World!
ExtJs 学习笔记基础篇 Ext组件的使用
ExtJs 学习笔记 Ext.Panle Ext.TabPanel Ext.Viewport
漂亮的脚本日历,和大家分享
JS Tween 颜色渐变
js 图片轮播(5张图片)
开发跨浏览器javascript常见注意事项
通用JS事件写法实现代码
Js 订制自己的AlertBox(信息提示框)
js 浮动层菜单收藏
JavaScript入门教程(10) 认识其他对象
JQuery 常用方法基础教程
jQuery 页面载入进度条实现代码
jQuery Ajax 全解析
CSS+Table图文混排中实现文本自适应图片宽度(超简单+跨所有浏览器)
Ext JS Grid在IE6 下宽度的问题解决方法
js window.event对象详尽解析
JavaScript 悬浮窗口实现代码

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


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

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

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

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