编程 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 相关文章推荐

flash 得到自身url参数的代码

Nov 15 Javascript

jQuery 学习第五课 Ajax 使用说明

May 17 Javascript

jquery无缝向上滚动实现代码

Mar 29 Javascript

JS中怎样判断undefined(比较不错的方法)

Mar 27 Javascript

javascript框架设计读书笔记之种子模块

Dec 02 Javascript

JavaScript使用Prototype实现面向对象的方法

Apr 14 Javascript

DIV+CSS+jQ实现省市联动可扩展

Jun 22 Javascript

JS 数字转换为大写金额的简单实例

Aug 04 Javascript

JavaScript防止全局变量污染的方法总结

Aug 02 Javascript

Vue实现一个图片懒加载插件

Mar 11 Javascript

Vue Components 数字键盘的实现

Sep 18 Javascript

使用vant的地域控件追加全部选项

Nov 03 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下通过伪造http头破解防盗链的代码

2010/07/03 PHP

php中将一个对象保存到Session中的方法

2015/03/13 PHP

php实现socket推送技术的示例

2017/12/20 PHP

TP5多入口设置实例讲解

2020/12/15 PHP

javascript实现仿银行密码输入框效果的代码

2007/12/13 Javascript

JQuery与Ajax常用代码实现对比

2009/10/03 Javascript

对象无length属性时IE6/IE7中无法将其转换成伪数组(ArrayLike)

2011/07/31 Javascript

Jquery 改变radio/checkbox选中状态,获取选中的值(示例代码)

2013/12/12 Javascript

Node.js的项目构建工具Grunt的安装与配置教程

2016/05/12 Javascript

JS实现页面进入和返回定位到具体位置

2016/12/08 Javascript

javaScript基础详解

2017/01/19 Javascript

javascript实现复选框全选或反选

2017/02/04 Javascript

JQuery 进入页面默认给已赋值的复选框打钩

2017/03/23 jQuery

从零开始学习Node.js系列教程五：服务器监听方法示例

2017/04/13 Javascript

关于vue.js v-bind 的一些理解和思考

2017/06/06 Javascript

vue axios同步请求解决方案

2017/09/29 Javascript

详解简单易懂的 ES6 Iterators 指南和示例

2019/09/24 Javascript

vue 使用lodash实现对象数组深拷贝操作

2020/09/10 Javascript

[03:18]DOTA2放量测试专访820：希望玩家加入国服大家庭

2013/08/25 DOTA

python sys，os，time模块的使用（包括时间格式的各种转换）

2018/04/27 Python

python制作简单五子棋游戏

2019/06/18 Python

基于pytorch的保存和加载模型参数的方法

2019/08/17 Python

Django项目使用ckeditor详解(不使用admin)

2019/12/17 Python

Python爬虫库requests获取响应内容、响应状态码、响应头

2020/01/25 Python

python求前n个阶乘的和实例

2020/04/02 Python

python 日志模块日志等级设置失效的解决方案

2020/05/26 Python

keras得到每层的系数方式

2020/06/15 Python

西班牙多品牌鞋店连锁店：Krack

2018/11/30 全球购物

Groupon比利时官方网站：特卖和网上购物高达-70%

2019/08/09 全球购物

MySQL面试题目集锦

2016/04/14 面试题

既然说Ruby中一切都是对象，那么Ruby中类也是对象吗

2013/01/26 面试题

设备售后服务承诺书

2014/05/30 职场文书

环境保护标语

2014/06/20 职场文书

给老婆的保证书怎么写

2015/05/08 职场文书

2015年电话客服工作总结

2015/05/18 职场文书

吉利入股戴姆勒后smart“长大了”

2022/04/21 数码科技