编程 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 isPrototypeOf和hasOwnProperty使用区别

Mar 04 Javascript

JQury slideToggle闪烁问题及解决办法

Jul 05 Javascript

jQuery EasyUI API 中文文档 - Tree树使用介绍

Nov 19 Javascript

分析Node.js connect ECONNREFUSED错误

Apr 09 Javascript

jQuery获取CSS样式中的颜色值的问题,不同浏览器格式不同的解决办法

May 13 Javascript

JS delegate与live浅析

Dec 21 Javascript

JS、CSS以及img对DOMContentLoaded事件的影响

Aug 12 Javascript

jQuery同步提交示例代码

Dec 12 Javascript

详解Angular-ui-BootStrap组件的解释以及使用

Jul 13 Javascript

ES6学习笔记之let与const用法实例分析

Jan 22 Javascript

Js参数RSA加密传输之jsencrypt.js的使用

Feb 07 Javascript

JavaScript实现随机点名程序

Mar 25 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中使用break跳出多重循环代码实例

2015/01/21 PHP

PHP上传Excel文件导入数据到MySQL数据库示例

2016/10/25 PHP

Yii2实现跨mysql数据库关联查询排序功能代码

2017/02/10 PHP

php检测mysql表是否存在的方法小结

2017/07/20 PHP

html下载本地

2006/06/19 Javascript

javascript:以前写的xmlhttp池,代码

2008/05/18 Javascript

一个小型js框架myJSFrame附API使用帮助

2008/06/28 Javascript

LazyForm jQuery plugin 定制您的CheckBox Radio和Select

2009/10/24 Javascript

javascript取消文本选定的实现代码

2010/11/14 Javascript

jquery中的查找parents与closest方法之间的区别

2013/12/02 Javascript

浅析javascript中function 的 length 属性

2014/05/27 Javascript

js操作滚动条事件实例

2015/01/29 Javascript

Js实现无刷新删除内容

2015/04/29 Javascript

js实现时间显示几天前、几小时前或者几分钟前的方法集锦

2015/05/29 Javascript

程序员必知35个jQuery 代码片段

2015/11/05 Javascript

jQuery定义插件的方法

2015/12/18 Javascript

AngularJS service之select下拉菜单效果

2017/07/28 Javascript

JS关于刷新页面的相关总结

2018/05/09 Javascript

Vue路由之JWT身份认证的实现方法

2019/08/26 Javascript

layui内置模块layim发送图片添加加载动画的方法

2019/09/23 Javascript

JSON获取属性值方法代码实例

2020/06/30 Javascript

请求时token过期自动刷新token操作

2020/09/11 Javascript

Django REST framework 视图和路由详解

2019/07/19 Python

python 多线程死锁问题的解决方案

2020/08/25 Python

Python list和str互转的实现示例

2020/11/16 Python

Html5中的桌面通知Notification的实现

2018/09/25 HTML / CSS

HTML如何让IMG自动适应DIV容器大小的实现方法

2020/02/25 HTML / CSS

eBay瑞士购物网站：eBay.ch

2018/12/24 全球购物

英语演讲稿范文

2014/01/03 职场文书

物流仓管员工作职责

2014/01/06 职场文书

幼儿园安全检查制度

2014/01/30 职场文书

辞职信格式模板

2015/02/27 职场文书

法制工作总结2015

2015/07/23 职场文书

美甲店的创业计划书模板

2019/08/23 职场文书

MySQL快速插入一亿测试数据

2021/06/23 MySQL

javascript的setTimeout()使用方法总结

2021/11/20 Javascript