编程 Javascript

js之WEB开发调试利器:Firebug 下载

Posted in Javascript onJanuary 13, 2007

在米随随的Blog看到有关Firebug的介绍，遂下载试用了一下，确实是比较好的工具。

一、效果
js之WEB开发调试利器:Firebug 下载

二、主要功能

Inspect and edit HTML
Tweak CSS to perfection
Visualize CSS metrics
Monitor network activity
Debug and profile JavaScript
Quickly find errors
Explore the DOM
Execute JavaScript on the fly
Logging for JavaScript

对于WEB开发人员来说，可以非常方便的得到自己想要的信息：HTML、DOM、CSS、JS，甚至各个文件的下载时间。

刚测试了一下JS的调试功能，非常方便，可以设置断点，鼠标移至变量名上，可以得到相应值的提示。太棒了！

三、非Firefox浏览器的解决方案：Firebug Lite

对于非Firefox浏览器，Firebug也有相应的解决方案—Firebug Lite，通过使用console.log()输出错误信息至Firebug 控制台。

1.下载Firebug Lite

下载地址：http://getfirebug.com/releases/firebuglite1.0-b1.zip，解压至WEB目录，比如/js/firebug/。

在页面中增加以下代码：

<script language="javascript" type="text/javascript"
src="/path/to/firebug/firebug.js"></script>

如果不想安装Firebug Lite,只是为了避免Javascript错误，可以点击这里下载firebugx.js然后copy至代码中即可。

这个文件的代码如下：

if (!("console" in window) || !("firebug" in console))
{
var names = ["log", "debug", "info", "warn", "error", "assert", "dir", "dirxml",
"group", "groupEnd", "time", "timeEnd", "count", "trace", "profile", "profileEnd"];
window.console = {};
for (var i = 0; i < names.length; ++i)
window.console[names[i]] = function() {}
}

2.使用Firebug Lite
默认情况下，打开页面后，可以按F12开启Firebug的控制台，如果不想频繁按F12来进入调试状态，也可在HTML元素上增加　debug=”true” ，如下：

<html debug="true">

3.使用命令行

Firebug也包含一个命令行程序，可以使用以下快捷键Ctrl+Shift+L (or ⌘+Shift+L on Mac)

4.测试页面
按 F12 或 Ctrl+Shift+L，就可以看到效果了。

js之WEB开发调试利器:Firebug 下载

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

浅谈JavaScript中面向对象技术的模拟

Sep 25 Javascript

跟着JQuery API学Jquery 之三筛选

Apr 09 Javascript

在一个js文件里远程调用jquery.js会在ie8下的一个奇怪问题

Nov 28 Javascript

原生js实现复制对象、扩展对象类似jquery中的extend()方法

Aug 30 Javascript

JS实现当前页居中分页效果的方法

Jun 18 Javascript

原生js和jQuery实现淡入淡出轮播效果

Dec 25 Javascript

jquery 删除节点添加节点找兄弟节点的简单实现

Dec 07 Javascript

JavaScript中立即执行函数实例详解

Nov 04 Javascript

解决VUEX兼容IE上的报错问题

Mar 01 Javascript

JavaScript 高性能数组去重的方法

Sep 20 Javascript

微信小程序实现动态列表项的顺序加载动画

Jul 25 Javascript

Vue实现一种简单的无限循环滚动动画的示例

Jan 10 Vue.js

用js实现多域名不同文件的调用方法

Jan 12 #Javascript

cssQuery()的下载与使用方法

Jan 12 #Javascript

JavaScript基本对象

Jan 11 #Javascript

window.showModalDialog使用手册

Jan 11 #Javascript

新手入门常用代码集锦

Jan 11 #Javascript

javascript引用对象的方法

Jan 11 #Javascript

一份老外写的XMLHttpRequest代码多浏览器支持兼容性

Jan 11 #Javascript

You might like

PHP base64+gzinflate压缩编码和解码代码

2008/10/03 PHP

AES加解密在php接口请求过程中的应用示例

2016/10/26 PHP

由php中字符offset特征造成的绕过漏洞详解

2017/07/07 PHP

firebug的一个有趣现象介绍

2011/11/30 Javascript

使用FlexiGrid实现Extjs表格效果方法分享

2014/12/16 Javascript

JSON相关知识汇总

2015/07/03 Javascript

AngularJS入门教程引导程序

2016/08/18 Javascript

vue从使用到源码实现教程详解

2016/09/19 Javascript

js 文字超出长度用省略号代替,鼠标悬停并以悬浮框显示实例

2016/12/06 Javascript

浅谈JS中的反柯里化( uncurrying)

2017/08/17 Javascript

基于JSON数据格式详解

2017/08/31 Javascript

浅谈JS对象添加getter与setter的5种方法

2018/06/09 Javascript

微信小程序新手教程之页面打开数量限制

2019/03/03 Javascript

three.js利用射线Raycaster进行碰撞检测

2020/03/12 Javascript

JavaScript设计模式之策略模式实现原理详解

2020/05/29 Javascript

[01:04:48]VGJ.S vs TNC Supermajor 败者组 BO3 第一场 6.6

2018/06/07 DOTA

在python中的socket模块使用代理实例

2014/05/29 Python

用Python的SimPy库简化复杂的编程模型的介绍

2015/04/13 Python

简单谈谈Python中的json与pickle

2017/07/19 Python

Python 使用Numpy对矩阵进行转置的方法

2019/01/28 Python

python 使用pandas计算累积求和的方法

2019/02/08 Python

python虚拟环境模块venv使用及示例

2020/03/04 Python

python使用for...else跳出双层嵌套循环的方法实例

2020/05/17 Python

Python操控mysql批量插入数据的实现方法

2020/10/27 Python

Python约瑟夫生者死者小游戏实例讲解

2021/01/04 Python

让IE支持HTML5的方法

2012/12/11 HTML / CSS

英国的知名精品百货公司：House of Fraser（福来德）

2016/08/14 全球购物

Peter Alexander新西兰站：澳大利亚领先的睡衣设计师品牌

2016/12/10 全球购物

澳大利亚家具和家居用品在线：BROSA

2017/11/02 全球购物

意大利消费电子产品购物网站：SLG Store

2019/12/26 全球购物

护理专科毕业生自荐书范文

2014/02/19 职场文书

银行求职信怎么写

2014/05/26 职场文书

学校欢迎标语

2014/06/18 职场文书

大学生毕业个人总结

2015/02/15 职场文书

pytorch中[..., 0]的用法说明

2021/05/20 Python

MySQL里面的子查询的基本使用

2021/08/02 MySQL