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

Javascript
innertext , insertadjacentelement , insertadjacenthtml , insertadjacenttext 等区别
JavaScript与C# Windows应用程序交互方法
javascript之解决IE下不渲染的bug
javascript之锁定表格栏位
javascript实现鼠标选取拖动或Ctrl选取拖动
优化网页之快速的呈现我们的网页
javascritp实现input输入框相关限制用法
用javascript实现的激活输入框后隐藏初始内容
CSS代码格式化和压缩的方法与技巧
autocomplete禁止自动完成功能
IE autocomplete internet explorer''s autocomplete
如何快速的呈现我们的网页的技巧整理
计算黄金分割的javascript代码
设置和读取cookie的javascript代码
javascript 复选框选择/全选后特效
实现一个年、月、季度联动SELECT的javascript代码
javascript事件模型代码
WordPress 插件——CoolCode使用方法与下载
用javascript实现画图效果的代码
javascript发表评论或者留言时的展开效果

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


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

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

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

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