这两天,使用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及其安装方法
selenium需要的插件,在firebox中安装firebug插件,方便web网站和xml的调试排错。
firebug使用方法,firebug使用方法,firebug使用方法,firebug使用方法,firebug使用方法
FireBug离线安装版-firebug-2.0.2-fx
FireBug插件使用教程 介绍如何安装firebug
火狐浏览器带Firebug和安装教程。。。。。。。。。。。。
现在很流行的一个调试程序的插件firebug的使用方法
最新版fireBug插件,安装后即可使用对js代码调试
火狐下firebug使用的相关视频。因文件较大分成了3部分,这是第一部分。
firebug1.12 firebug1.11 firebug1.10 firebug1.9 firebug1.8 firebug1.7
FireFox火狐浏览器中FireBug的使用方法,有利于程序员很快的找到bug,并且解决,还可以跟踪js代码,很有用哦。。
NULL 博文链接:https://ttwang.iteye.com/blog/1275421
最新版firefox和firebug,for开发页面
FireBug使用指南 FireBug使用指南 FireBug使用指南 FireBug使用指南
Firebug是firefox的一个插件,Firebug 和 firefox 整合在一起,使你浏览网页时手边有了一套强大的网页开发工具。 你可以编辑、调试和监控任何网页上的 CSS、HTML 和 Javascript。而且可以在线的时候修改dom非常弹大...
firebug的介绍和使用基础 从事了数年的Web开发工作,越来越觉得现在对WEB开发有了更高的要求。要写出漂亮的HTML代码;要编写精致的CSS样式表展示每个页面模块;要调试javascript给页面增加一些更活泼的要素;要使用...
Firebug调试工具,内附有使用注意事项等相关文档,希望对大家有所帮助
Firebug使用详解,Firebug API 详解
用firefox浏览器和firebug调试页面,很方便,希望能帮助开发者