Firebug简介、安装和使用初步

这两天，使用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>