`
liufei.fir
  • 浏览: 690081 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Firebug调试Ajax

阅读更多
这两天,使用Maskat做页面,有一部分不太好画,就使用了Firebug。感觉还可以。

以下是维基百科上关于Firebug的简介:

Firebug 是网页浏览器 Mozilla Firefox 的一个扩展,是一个除错工具。用户可以利用它除错、编辑、甚至删改任何网站的 CSS、HTML、DOM、与 JavaScript 代码。Firebug 也有提供其他网页开发工具,例如 Yahoo! 的网页速度优化建议工具 YSlow。

Firebug是哈维(Joe Hewitt)撰写的。他是原始 Firefox 创作者之一。

更具体的内容可以参考:

http://www.ooso.net/index.php/archives/294

http://www.ruanyifeng.com/blog/2008/06/firebug_tutorial.html



-》AJAX应用,调试相关代码时,也可以借助Firebug工具来进行,比较好用。(20090519追加)


安装步骤(本人firefox为3.0.4版本):工具-》附加组件-》获取附加组件-》输入“firebug”进行搜索-》搜索到之后,选择“添加到firefox”-》立即安装-》安装完成后,重新启动一下firefox就可以使用firebug。

使用(因为工作关系,只尝试了如何定位页面上某部分对应的代码):在fireox页面,按“F12”,那么在当前页面的下部会自动显示firebug的操作框。选择“查看”,然后就可以将光标移到上部页面自己想定位的部分,在下部会选中对应的代码。在选中的代码部分,右击,选择“复制HTML”,即可将这段代码拷贝走,为我所用。

说明:因为Maskat本身的原因,有些部分拷贝过去可能不好用(比如table),那就要想其他办法了,或者老老实实自己编辑,或者拷贝小一点的范围。

目前,在Maskat中实现Link是将Maskat中的divHtml标签和html语言中href标签组合使用的。示例如下:
<divHtml name="divHtmlNew1" left="250" top="229" className=""><![CDATA[<a href="#" >ファイル①.txt</a> ]]></divHtml>

在Maskat中实现上传文件功能也是将Maskat中的divHtml标签和html语言中input标签组合使用的。示例如下:
<divHtml name="divHtmlNew1" left="240" top="290" className=""><![CDATA[<input type="file" name="hope"/> ]]></divHtml>

分享到:
评论

相关推荐

    Firebug 调试javascript教程

    ### Firebug调试JavaScript和CSS教程:深入理解与实践 #### 引言 在现代Web开发领域,调试工具扮演着至关重要的角色,它们帮助开发者迅速定位并解决代码中的问题,提高开发效率。其中,Firebug作为一款强大的...

    firebug调试

    ### Firebug调试详解 #### 一、概述 随着Web应用特别是AJAX技术的快速发展,JavaScript的调试成为确保Web应用程序质量的重要环节。众多调试工具中,**Firebug**因其强大且直观的功能深受开发者喜爱。Firebug是由...

    Firebug调试工具

    **Firebug调试工具详解** Firebug是一款非常强大的Web开发与调试工具,专为Firefox浏览器设计。它提供了对HTML、CSS、JavaScript以及网络请求等多方面的实时查看和编辑功能,极大地提升了开发者的工作效率。自2006...

    firebug1.45调试javascript工具

    除此之外,Firebug还提供了AJAX(异步JavaScript和XML)的调试支持。在AJAX应用程序中,数据通常在后台与服务器交换,而不会刷新整个页面。Firebug的网络面板能够显示这些请求的详细信息,包括请求方法(GET或POST)...

    如何使用firebug进行调试

    - 对于AJAX调试,可以通过Firebug的“网络”面板监控所有HTTP请求,包括请求参数、响应时间和返回值,有助于调试AJAX问题。 5. **查看CSS和JS资源** - Yslow是基于Firebug的扩展,可以方便地查看和分析所有内部和...

    FireBug浏览器调试工具

    它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体,是开发JavaScript、CSS、HTML和Ajax的得力助手。Firebug如同一把精巧的瑞士军刀,从各个不同的角度剖析Web页面内部的细节层面,给Web开发者带来很大的...

    FIREBUG调试教程

    ### FIREBUG调试教程知识点详解 #### 一、Firebug简介 **Firebug**是一款非常强大的Web开发工具,它集成了Firefox浏览器,可以帮助开发者实时编辑、调试以及监控网页的CSS、HTML和JavaScript。对于Web应用程序尤其...

    Jquery使用Firefox FireBug插件调试Ajax步骤讲解

    首先,我们用一个示例来说明JQuery的Ajax调用过程, 实现的一个功能是:点击确认支付按钮之后,实现余额支付的功能: 1.首先在php页面将相关需要调用的函数绑定到按钮上: 代码如下:&lt;input type=”submit” name...

    AJAX Javascript 调试利器

    然而,随着复杂性的增加,调试AJAX应用变得越来越困难。幸运的是,Firefox浏览器和其强大的插件Firebug成为了JavaScript和AJAX调试的利器。 Firefox是一款开源的网络浏览器,它提供了丰富的开发者工具,允许开发者...

    FireBug Web 开发调试工具

    【FireBug Web 开发调试工具】是专门为前端开发者设计的一款强大插件,它与Firefox浏览器紧密结合,为Web应用程序的开发和调试提供了前所未有的便利。FireBug对于基于浏览器的(Browser-Side,即BS架构)开发尤其...

    firebug-2.0.16-是firefox下的一个扩展,能够调试所有网站语言

    Firebug是firefox下的一个扩展,能够调试所有网站语言,如Html,Css等,但FireBug最吸引人的就是javascript调试功能,使用起来非常方便,而且在各种浏览器下都能使用(IE,Firefox,Opera, Safari)。除此之外,其他功能...

    FireBug插件使用教程

    FireBug 广泛应用于 Web 应用开发,特别是 AJAX 应用。它可以实时编辑、调试和监测任何页面的 CSS、HTML 和 JavaScript,提高开发效率和质量。 六、结论 FireBug 是一款功能强大的 Web 开发工具,可以实时编辑、...

    Firebug+Firefox调试方法

    【Firebug + Firefox 调试方法】 Firebug是一款针对Firefox浏览器的强大开发工具,被誉为五星级推荐插件,尤其对于JavaScript、CSS、HTML和Ajax的开发者来说,它是一款不可或缺的辅助软件。它提供了多方面的功能,...

    调试工具Firebug

    4. **网络监控**:Firebug可以监控页面加载时的网络请求,包括HTTP和Ajax请求。这有助于分析页面性能,找出资源加载瓶颈。 5. **性能分析**:通过对页面渲染时间的分析,Firebug可以帮助优化页面加载速度,找出性能...

    firebug各个版本安装包

    Firebug是一款著名的网页开发者工具,尤其在Web开发和调试领域有着广泛的使用。它作为一个扩展,适用于Mozilla Firefox浏览器,提供了一套全面的工具,允许开发者查看、编辑和测试HTML、CSS、JavaScript以及网络请求...

    fireBug教程Word版(全)

    Javascript的调试,是开发Web应用尤其是AJAX应用很重要的一环,目前对Javascript进行调试的工具很多,我比较喜欢使用的是Firebug。Firebug是Joe Hewitt开发的一套与Firefox集成在一起的功能强大的web开发工具,可以...

    firebug 1.7.0 官方版本

    在Firebug 1.7.0这个版本中,它包含了多项重要的改进和新特性,使得前端开发和调试变得更加高效。 首先,让我们深入了解Firebug 1.7.0的主要功能: 1. **HTML面板**:Firebug的HTML面板允许开发者查看和编辑页面的...

    fixfox经典插件firebug源码

    4. **网络请求监控**:Firebug可以跟踪HTTP和Ajax请求,显示响应时间和数据。通过源码学习,我们可以理解如何捕获和分析网络活动,这对于优化网页性能至关重要。 5. **性能分析**:Firebug还提供了性能分析工具,...

Global site tag (gtag.js) - Google Analytics