编程 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 14 Javascript

Extjs TriggerField在弹出窗口显示不出问题的解决方法

Jan 08 Javascript

js过滤数组重复元素的方法

Sep 05 Javascript

浅谈Javascript鼠标和滚轮事件

Jun 27 Javascript

基于jquery实现后台左侧菜单点击上下滑动显示

Apr 11 Javascript

js禁止页面使用右键(简单示例代码)

Nov 13 Javascript

Javascript中的Array数组对象详谈

Mar 03 Javascript

js 提取某()特殊字符串长度的实例

Dec 06 Javascript

从零开始搭建webpack+react开发环境的详细步骤

May 18 Javascript

vue.js 双层嵌套for遍历的方法详解, 类似php foreach()

Sep 07 Javascript

vuex提交state&&实时监听state数据的改变方法

Sep 16 Javascript

80行代码写一个Webpack插件并发布到npm

May 24 Javascript

用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的openssl加密扩展使用小结(推荐)

2016/07/18 PHP

php在windows环境下获得cpu内存实时使用率(推荐)

2018/02/08 PHP

PHP For循环字母A-Z当超过26个字母时输出AA,AB,AC

2020/02/16 PHP

javascript 去字符串空格终极版(支持utf8)

2009/11/14 Javascript

JQuery读取XML文件数据并显示的实现代码

2009/12/16 Javascript

jQuery函数的等价原生函数代码示例

2013/05/27 Javascript

取消选中单选框radio的三种方式示例介绍

2013/12/23 Javascript

JQuery下拉框应用示例介绍

2014/04/23 Javascript

javascript生成大小写字母

2015/07/03 Javascript

freemarker判断对象是否为空的方法

2015/08/13 Javascript

JSON 的正确用法探讨：Pyhong、MongoDB、JavaScript与Ajax

2016/05/15 Javascript

jQuery Validate设置onkeyup验证的实例代码

2016/12/09 Javascript

Vue.js中兄弟组件之间互相传值实例

2017/06/01 Javascript

利用jQuery异步上传文件的插件用法详解

2017/07/19 jQuery

JS按条件 serialize() 对应标签的使用方法

2017/07/24 Javascript

浅谈关于.vue文件中style的scoped属性

2017/08/19 Javascript

初探js和简单隐藏效果的实例

2017/11/23 Javascript

windows下更新npm和node的方法

2017/11/30 Javascript

angular2/ionic2 实现搜索结果中的搜索关键字高亮的示例

2018/08/17 Javascript

详解vue的数据劫持以及操作数组的坑

2019/04/18 Javascript

浅谈鸿蒙 JavaScript GUI 技术栈

2020/09/17 Javascript

[01:02:00]DOTA2-DPC中国联赛正赛 Elephant vs IG BO3 第三场 1月24日

2021/03/11 DOTA

python定时采集摄像头图像上传ftp服务器功能实现

2013/12/23 Python

Python语言的12个基础知识点小结

2014/07/10 Python

在Python的Flask框架下收发电子邮件的教程

2015/04/21 Python

Python函数参数操作详解

2018/08/03 Python

python使用Plotly绘图工具绘制散点图、线形图

2019/04/02 Python

python实现抽奖小程序

2020/04/15 Python

TensorFlow实现简单的CNN的方法

2019/07/18 Python

Python:type、object、class与内置类型实例

2019/12/25 Python

基于tf.shape(tensor)和tensor.shape()的区别说明

2020/06/30 Python

家庭教育先进个人事迹材料

2014/01/24 职场文书

教师校本培训方案

2014/02/26 职场文书

公司请假条格式

2014/04/11 职场文书

放射科岗位职责

2015/02/14 职场文书

党员“一帮一”活动总结

2015/05/07 职场文书