js之WEB开发调试利器:Firebug 下载(网页js调试)

编辑：rootadmin

在米随随的Blog看到有关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

下载地址： 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默认情况下，打开页面后，可以按F开启Firebug的控制台，如果不想频繁按F来进入调试状态，也可在HTML元素上增加　debug=”true” ，如下：

3.使用命令行

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

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

推荐整理分享js之WEB开发调试利器:Firebug 下载(网页js调试)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:js调试视频教程,js调用webview,js调用web服务,javascript web开发,js调用webapi,javascript web开发,web开发调试工具和方法,javascript web开发,内容如对您有帮助，希望把文章链接给更多的朋友！

用htc组件制作windows选项卡在网页中模拟制作windows风格选项卡的方法可以有很多种，这里向大家介绍一个比较简单的方法——用htc组件制作。使用htc的好处是可以自由调用，有点

jQuery中文入门指南，翻译加实例，jQuery的起点教程中文版译者：Keel此文以实例为基础一步步说明了jQuery的工作方式。现以中文翻译（添加我的补充说明）如下。如有相关意见或建议请麻烦到我的BLOG写个

对javascript基本对象的属性以及方法的实例介绍文档(DOM)对象navigaton属性：appCodeName(浏览器码名):appName(浏览器名):appVersion(浏览器版本号):platform(浏览器操作平台):userAgent(浏览器全部信息):javaEnabled(检

标签: 网页js调试

本文链接地址:https://www.jiuchutong.com/biancheng/384873.html 转载请保留说明！

上一篇：JavaScript基本对象(javascript的基本规范)

下一篇：用htc组件制作windows选项卡(htc windows)