浏览了一遍HTML、CSS、JavaScript的基础知识,迫不及待的想研究一下Firebug的工作原理。
下面是Firebug的一些资料:
1. Firebug的主网站
2.Firebug的Source code
http://code.google.com/p/fbug/
3. 对Firebug的源码的研究和扩展
http://www.softwareishard.com/blog/firebug-tutorial/extending-firebug-hello-world-part-i/
4. Firebug internal
http://getfirebug.com/wiki/index.php/Firebug_Internals
https://developer.mozilla.org/en/Firebug_internals
5. Extending Firebug
http://www.firephp.org/Reference/Developers/ExtendingFirebug.htm
6. Firebug的网上论坛(Firebug Groups)
http://groups.google.com/group/firebug
7. Firebug(firefox插件)开发设置(http://getfirebug.com/wiki/index.php/Firebug_Internals#Development_Setup)
Link from your runtime profile to your source
- Fetch the source code(svn checkout http://fbug.googlecode.com/svn/ fbug-read-only)
- Create a new Firefox profile(http://getfirebug.com/wiki/index.php/FAQ#Installing_in_a_clean_profile){
Linux Way
- Exit Firefox
- Get to a command line
- Run Firefox with -ProfileManager
$ firefox -ProfileManager
- Create New Profile
- Start Firefox with your new profile
- Load Firebug into this clean profile.
[edit]Windows Way
- Exit Firefox
- Get to a command line
- Windows: Start->Run->"cmd" enter
- Run Firefox with -ProfileManager (use quotes around the file name because of the spaces)
"C:\Program Files\Mozilla Firefox\firefox.exe" -ProfileManager or "C:\Program Files\Mozilla Firefox\firefox.exe" -p
- Create New Profile
- Start Firefox with your new profile
- Load Firebug into this clean profile.
- In your SVN folders find the folder containing the install.rdf for firebug, e. g. fbug\branches\firebug1.8\.
- Copy the full path to this folder, e. g.:
C:\Users\username\fbug\branches\firebug1.8\firebug1.8\ (注意:路径不支持中文)
- In your new Firefox profile, find the "extensions" subfolder, e. g.:
C:\Users\username\AppData\Roaming\Mozilla\Firefox\Profiles\1dlwezmx.test\extensions\ ''(under Windows 7)''
- Create a new file named "firebug@software.joehewitt.com" (be sure there's no file extension like .txt after it)
- Open the created file in a text editor, paste the path you copied above into it and save it
- Restart Firefox using the new profile
1. "如果在菜单-》工具里面没有看到firebug,那么就去 工具-》附加组件-》扩展 那里 启动"
You can do this for all extensions, not just Firebug, the name of the linking file is the 'id' in the install.rdf file.
Repeat the process for Chromebug (fbug/chromebug/branches/chromebug1.8) and FBTest (fbug/fbtest/branches/fbtest1.8).
8. 打包 Fixefor/Firebug的工具网站:
http://tools.w3clubs.com/ext/
or Building an extension
https://developer.mozilla.org/en/Building_an_Extension