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

 更新时间:2010年01月02日 02:31:30   作者:  
最近看了一篇文章感触颇深,对于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.jb51.net, 然后 工具-firebug-打开firebug(或打开网页后直接F12)

上面的可以通过修改下面的代码,上面内容的同步显示,看来用来解决一些编辑问题也是不错的。

下面是让大家看看如果调试js代码 那就是利用“控制台”,默认情况下是这样的

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

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


对于其它的技巧请查看脚本之家的上一篇与下一篇文章。

相关文章

  • 分离与继承的思想实现图片上传后的预览功能:ImageUploadView

    分离与继承的思想实现图片上传后的预览功能:ImageUploadView

    本文要介绍的是网页中常见的图片上传后直接在页面生成小图预览的实现思路,考虑到该功能有一定的适用性,于是把相关的逻辑封装成了一个ImageUploadView组件,实际使用效果可查看下一段的git效果图
    2016-04-04
  • 小程序实现自定义多层级单选和多选

    小程序实现自定义多层级单选和多选

    这篇文章主要为大家详细介绍了小程序实现自定义多层级单选和多选,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-04-04
  • JavaScript中的 new 命令

    JavaScript中的 new 命令

    这篇文章主要介绍了JavaScript中的new 命令,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-05-05
  • JS异步函数队列功能实例分析

    JS异步函数队列功能实例分析

    这篇文章主要介绍了JS异步函数队列功能,结合实例形式分析了异步函数队列的应用场景、实现方法与相关操作技巧,需要的朋友可以参考下
    2017-11-11
  • 一文彻底理解js原生语法prototype,__proto__和constructor

    一文彻底理解js原生语法prototype,__proto__和constructor

    作为一名前端工程师,必须搞懂JS中的prototype、__proto__与constructor属性,相信很多初学者对这些属性存在许多困惑,容易把它们混淆,下面这篇文章主要给大家介绍了关于js原生语法prototype,__proto__和constructor的相关资料,需要的朋友可以参考下
    2021-10-10
  • Javascript面试经典套路reduce函数查重

    Javascript面试经典套路reduce函数查重

    reduce函数,是ECMAScript5规范中出现的数组方法.下面通过本文给大家分享Javascript面试经典套路reduce函数查重,需要的朋友参考下吧
    2017-03-03
  • 微信小程序组件生命周期的踩坑记录

    微信小程序组件生命周期的踩坑记录

    这篇文章主要给大家介绍了关于微信小程序组件生命周期的踩坑记录,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-03-03
  • JS实战篇之收缩菜单表单布局

    JS实战篇之收缩菜单表单布局

    这篇文章主要介绍了JS实战篇之收缩菜单表单布局的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-12-12
  • 概述BootStrap中role=

    概述BootStrap中role="form"及role作用角色

    这篇文章主要介绍了BootStrap中role="form"及role作用角色介绍,以及bootstrap栅栏系统css中的col-xs-*,col-sm-*,col-md-* 的意义简单介绍,需要的朋友参考下
    2016-12-12
  • 一个加载js文件的小脚本

    一个加载js文件的小脚本

    一个加载js文件的小脚本...
    2007-06-06

最新评论