`
shirlly
  • 浏览: 1648174 次
  • 性别: Icon_minigender_2
  • 来自: 福州
社区版块
存档分类
最新评论

两种比较好用的js调试器----Firebug and Firebug Lite

阅读更多
1: Firebug, an open source debugging extension for Firefox, is essential for JavaScript, HTML and CSS debugging. You can download it from the Firebug web site.
2:If you use Internet Explorer or Safari, you can use the Firebug Lite library
在DOJO中引用的方法
To use Firebug Lite, you must include the isDebug config parameter like so:

<script type="text/javascript" src="http://o.aolcdn.com/dojo/1.0.0//dojo/dojo.js" 
        djConfig="parseOnLoad: true, isDebug: true"></script>

This parameter has no effect on Firefox browsers with Firebug already present. So including this parameter makes your debugging code usable in IE, Safari, and Firefox with no changes.
在其他的程序中引用的方法
安装Firebug Lite
下载Firebug并解压到你的网站任何目录,插入下面一行代码到你需要包含firebug的页面:

<script type="text/javascript" src="/path/to/firebug/firebug.js"></script>

如果你不想在其他非firefox浏览器中模拟firebug,而仅仅只是为了防止console.log()函数在你的页面中报错,那你只需要包含下面的文件就行了:

<script type="text/javascript" src="/path/to/firebug/firebugx.js"></script>
注:firebugx.js只有1K,而firebug.js有16K,能够节约页面的加载时间。



使用Firebug Lite
Firebug Lite不会强制显示在网页上,除非你手动显示它。在浏览器中按F12,一个类似Firefox中的Firebug控制台会出现在网页的底部,再次按下F12,控制台又会隐藏。你是否觉得每次页面加载后按F12麻烦呢?Firebug Lite想你所想,它提供了一个便利的解决方法:你只需要在网页的<html>标签上加上属性debug="true":

<html debug="true">
分享到:
评论

相关推荐

    firebug-lite-loader:Firebug Lite 的 jQuery 加载器

    Firebug Lite是一款强大的JavaScript调试工具,模仿了Firefox原生Firebug的功能,使得开发者可以在其他浏览器(如Chrome、Safari、IE等)中进行网页元素检查、CSS调试、JavaScript代码调试等工作。 Firebug Lite ...

    好用的javascript编辑调试器

    标题“好用的JavaScript编辑调试器”指的是具有优秀特性的JavaScript专用开发环境,这些工具通常具备自动补全(Autocomplete)功能,能够帮助开发者快速输入代码,减少手动键入的错误。自动补全特性基于已知的...

    IE6调试神器,免安装,FirebugLite压缩包

    由于IE6在当时存在很多独特的兼容性和性能问题,传统的调试手段往往力不从心,因此Firebug Lite应运而生,它模仿了Firefox上的著名开发者工具——Firebug,为IE6提供了一种类似的功能。 Firebug是Firefox浏览器的一...

    firebugLite

    Firebug Lite的出现弥补了IE浏览器在Web开发工具上的不足,让开发者能够在多种浏览器环境中实现一致的调试体验。 1. **HTML检查和编辑**: Firebug Lite允许开发者查看页面的HTML结构,快速定位元素并进行实时编辑...

    safari浏览器的firebug

    **Safari浏览器的Firebug Lite** ...总之,Safari浏览器的Firebug Lite是前端开发者不可或缺的工具之一,它提供了在无原生Firebug支持的浏览器中进行前端调试的能力,极大地提高了开发效率和问题定位的准确性。

    FireBug IE 插件

    JavaScript调试是FireBug Lite的核心功能之一。你可以设置断点,追踪代码执行流程,查看变量值,以及检测函数调用。这对于理解JavaScript脚本的行为,找出错误或性能瓶颈至关重要。 ### 五、网络性能分析 尽管不如...

    firebuglite for chrome

    Firebug Lite for Chrome是一款专为谷歌浏览器(Chrome)设计的开发者工具,它是Firefox浏览器原生Firebug工具的一个轻量级版本。Firebug是Web开发领域里一个里程碑式的工具,它提供了一整套强大的功能,包括HTML、...

    web版firebug

    本文将深入探讨“Web版Firebug”,一种专为解决IE浏览器(特别是IE8及以下版本)调试问题而设计的工具。 传统的Firebug是一款在Firefox浏览器中广泛使用的开发工具,提供了丰富的功能,包括元素检查、脚本调试、...

    firebug使用方法 在IE上使用firebug的技巧图文介绍

    然而,由于IE Developer Toolbar和IE8内置的调试工具在用户体验和功能上存在不足,因此出现了适用于IE浏览器的Firebug Lite版本。Firebug Lite是一个轻量级的替代方案,它在非Firefox浏览器中模拟了部分Firebug的...

    FireBug使用指南.doc

    Firebug Lite是兼容其他非Firefox浏览器的轻量级版本,但本文不作详细介绍。 总之,Firebug作为Web开发者的重要工具,能显著提升工作效率,帮助解决前端问题。熟练掌握其使用方法,对于网页设计和开发来说至关重要...

    ie 浏览器 js调试插件

    1. **开启调试器**:在浏览器中打开目标网页,然后启动调试工具。对于F12开发者工具,直接按F12或右键点击页面选择“检查元素”;对于插件,可能需要在插件设置中开启调试模式。 2. **设置断点**:在代码中找到可能...

    用于在IE浏览器下做js调试使用的好工具

    IEDT包括了元素选择器、网络面板、脚本调试器等多个模块,其中脚本调试器可以用来查看和修改JavaScript代码,设置断点,查看调用堆栈等。 3. **F12 Developer Tools (Modern IE)**:随着IE版本的更新,F12开发者...

    chromefirebug14011967.zip

    Firebug Lite是在原版Firefox的Firebug基础上为其他浏览器(包括Chrome)开发的一个轻量级版本,它允许开发者在Chrome上进行网页元素检查、CSS编辑、JavaScript调试以及网络请求监控等一系列前端开发和调试工作。...

    IE下JS调试工具 (推荐)

    1. **Firebug Lite**:这是一个为不支持Firebug的浏览器(如IE)设计的JavaScript调试工具。尽管现在已被Firefox的DevTools所替代,但它的存在曾极大地帮助了IE下的JS调试。 2. **Chrome Frame**:这是一个插件,...

    ie6的调试工具

    7. **Venkman JavaScript Debugger**:这是一个古老的JavaScript调试器,可在某些情况下用于调试IE6中的脚本问题。 在开发过程中,使用这些工具的关键在于理解和适应IE6的渲染引擎特性和限制。例如,对CSS的盒模型...

    Mobile_Debugging_调试小结

    2. 第三方工具如Firebug Lite可以在不支持原生开发者工具的浏览器上提供类似Firebug的功能,帮助开发者进行JavaScript调试。 3. 将调试脚本封装成书签,可以在不同浏览器上快速启用,这种方法兼容性较好,但性能有限...

    php调试插件FirePHP类库

    此外,还有许多其他工具和服务支持FirePHP格式的数据,如Chrome的Firbug Lite扩展,使得跨浏览器的调试成为可能。 **优化调试体验** 为了充分利用FirePHP,开发者可以自定义输出的格式和样式,设置调试级别,以及...

    火狐chrome插件

    总的来说,这些文件涉及到的是火狐浏览器中使用的一些与Chrome插件相关的工具,包括开发和调试工具(Firebug Lite)、多功能开发扩展(Web Developer)、自动化工具(iMacros)以及可能的下载资源(chromecj.com)。...

    dojo-release-1.1.2-src

    3. **dojo/_firebug/_firebug**:Dojo 1.1.2版内置了Firebug Lite,这是一个轻量级的开发者工具,即使在没有Firebug的环境中也能提供调试支持。 二、Dojo对象与类 1. **dojo.declare**:Dojo提供了声明式的方式...

Global site tag (gtag.js) - Google Analytics