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

setinterval()与clearInterval()JS函数的调用方法

Jan 21 Javascript

Summernote实现图片上传功能的简单方法

Jul 11 Javascript

使用JSON作为函数的参数的优缺点

Oct 27 Javascript

js 判断登录界面的账号密码是否为空

Feb 08 Javascript

微信小程序中子页面向父页面传值实例详解

Mar 20 Javascript

Bootstrap Table从零开始

Jun 30 Javascript

详解angular路由高亮之RouterLinkActive

Apr 28 Javascript

vue生成token并保存到本地存储中

Jul 17 Javascript

vue-router 实现导航守卫（路由卫士）的实例代码

Sep 02 Javascript

vue-cli3.0+element-ui上传组件el-upload的使用

Dec 03 Javascript

微信小程序与后台PHP交互的方法实例分析

Dec 10 Javascript

vue-cli3访问public文件夹静态资源报错的解决方式

Sep 02 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 preg_filter执行一个正则表达式搜索和替换

2012/02/27 PHP

php ckeditor上传图片文件名乱码解决方法

2013/11/15 PHP

linux实现php定时执行cron任务详解

2013/12/24 PHP

PHP strtotime函数用法、实现原理和源码分析

2015/02/04 PHP

教你识别简单的免查杀PHP后门

2015/09/13 PHP

PHP自定义函数实现格式化秒的方法

2016/09/14 PHP

php静态成员方法和静态的成员属性的使用方法

2017/10/26 PHP

使一个函数作为另外一个函数的参数来运行的javascript代码

2007/08/13 Javascript

Jquery原生态实现表格header头随滚动条滚动而滚动

2014/03/18 Javascript

javascript无刷新评论实现方法

2015/05/13 Javascript

使用jquery.form.js实现图片上传的方法

2016/05/05 Javascript

d3.js入门教程之数据绑定详解

2017/04/28 Javascript

js每隔两秒输出数组中的一项(实例)

2017/05/28 Javascript

EasyUI框架使用Ajax提交注册信息的实现代码

2017/09/27 Javascript

微信小程序实现选项卡功能

2020/06/19 Javascript

浅谈Angular 观察者模式理解

2018/11/01 Javascript

AngularJs中$cookies简单用法分析

2019/05/30 Javascript

浅析vue-cli3配置webpack-bundle-analyzer插件【推荐】

2019/10/23 Javascript

微信小程序获取公众号文章列表及显示文章的示例代码

2020/03/10 Javascript

[03:08]TI9战队档案 - Vici Gaming

2019/08/20 DOTA

Python使用稀疏矩阵节省内存实例

2014/06/27 Python

Python远程桌面协议RDPY安装使用介绍

2015/04/15 Python

python绘制铅球的运行轨迹代码分享

2017/11/14 Python

python 应用之Pycharm 新建模板默认添加编码格式-作者-时间等信息【推荐】

2019/06/17 Python

pytorch 更改预训练模型网络结构的方法

2019/08/19 Python

Python实现Wordcloud生成词云图的示例

2020/03/30 Python

Python+unittest+requests 接口自动化测试框架搭建教程

2020/10/09 Python

html5本地存储之localstorage 、本地数据库、sessionStorage简单使用示例

2014/05/08 HTML / CSS

美国网上鞋城：Shoeline.com

2016/11/17 全球购物

优秀毕业生求职推荐信范文

2013/11/21 职场文书

党的群众路线教育实践活动剖析材料

2014/09/30 职场文书

2015欢度元旦标语口号

2014/12/09 职场文书

教师信息技术学习心得体会

2016/01/21 职场文书

何时使用Map来代替普通的JS对象

2021/04/29 Javascript

解决MultipartFile.transferTo(dest) 报FileNotFoundExcep的问题

2021/07/01 Java/Android

Mysql8.0递归查询的简单用法示例

2021/08/04 MySQL