FireFox扩展开发环境配置手顺:
2010-06-02 11:48
295 查看
1.Firefox(FF)的安装时必要的 (~ o ~)Y
2.安装FF开发常用的扩展:
1).在进行FF扩展开发之前,我们需要创建一个专门为开发使用的概要文件,可以不影响正常的使用。
完全关闭 Mozilla Firefox (在菜单中选择文件 > 退出).
从 Windows 的开始菜单中选择开始 > 运行...
输入 Mozilla Firefox 的完整路径,用引号括起来,然后加上开关符-p,比如:
"C:/Program Files/MozillaFirefox/MozillaFirefox.exe" -p
新建一个名为 dev 的概要文件,并使用此概要文件来运行 Firefox
在地址栏输入 about:config 可以打开 Firefox 的参数设置页面。按照如下的设置修改参数:
Firefox 扩展开发环境参数设置
javascript.options.showInConsole = true //把 JavaScript 的出错信息显示在错误控制台
nglayout.debug.disable_xul_cache = true //禁用 XUL 缓存,使得对窗口和对话框的修改不需要重新加载 XUL 文件
browser.dom.window.dump.enabled = true //允许使用 dump() 语句向标准控制台输出信息
javascript.options.strict = true //在错误控制台中启用严格的 JavaScript 警告信息
至此,开发环境就构建完成了。当需要进行扩展开发时,修改FF快捷方式属性 目标:"C:/Program Files/Mozilla Firefox/firefox.exe" -p dev 启动 Firefox 即可。
2).FireBug 利用它除錯、編輯、甚至刪改任何網站的 CSS、HTML、DOM、與 JavaScript 代碼。
这个功能太强大了。o(≧v≦)o~~好棒
3).Console2 错误控制台,显示错误、警告、日志等信息。调试跟踪通过打log信息来跟踪。必装!
网络上还提供了很多针对开发需要的扩展,如:Venkman、Extension Developer's Extension、Chrome List 等,但是目前我只大概熟悉了Firebug和console这两个扩展。如果您对其他的扩展感兴趣可以安装下。
3.Eclipse + spket -- 创建工程结构,编写jsp等。
1).安装Eclipse
2).安装spket。步骤:运行Eclipse,点击工具栏的”Help”选项 ->”Software Updates”, 如下图再在弹出的对话框中选择“Avaliable Software”选项, 搜索spket插件, 如下图
勾选spket插件,不需要重复安装, 安装可能需要一定时间。
安装完成后,新建项目,会出下如图选项:表示安装成功
![](http://hi.csdn.net/attachment/201006/2/0_1275450227NTfL.gif)
4.安装XUL Explorer
通过该工具可以实现对xul快速开发.
2.安装FF开发常用的扩展:
1).在进行FF扩展开发之前,我们需要创建一个专门为开发使用的概要文件,可以不影响正常的使用。
完全关闭 Mozilla Firefox (在菜单中选择文件 > 退出).
从 Windows 的开始菜单中选择开始 > 运行...
输入 Mozilla Firefox 的完整路径,用引号括起来,然后加上开关符-p,比如:
"C:/Program Files/MozillaFirefox/MozillaFirefox.exe" -p
新建一个名为 dev 的概要文件,并使用此概要文件来运行 Firefox
在地址栏输入 about:config 可以打开 Firefox 的参数设置页面。按照如下的设置修改参数:
Firefox 扩展开发环境参数设置
javascript.options.showInConsole = true //把 JavaScript 的出错信息显示在错误控制台
nglayout.debug.disable_xul_cache = true //禁用 XUL 缓存,使得对窗口和对话框的修改不需要重新加载 XUL 文件
browser.dom.window.dump.enabled = true //允许使用 dump() 语句向标准控制台输出信息
javascript.options.strict = true //在错误控制台中启用严格的 JavaScript 警告信息
至此,开发环境就构建完成了。当需要进行扩展开发时,修改FF快捷方式属性 目标:"C:/Program Files/Mozilla Firefox/firefox.exe" -p dev 启动 Firefox 即可。
2).FireBug 利用它除錯、編輯、甚至刪改任何網站的 CSS、HTML、DOM、與 JavaScript 代碼。
这个功能太强大了。o(≧v≦)o~~好棒
3).Console2 错误控制台,显示错误、警告、日志等信息。调试跟踪通过打log信息来跟踪。必装!
网络上还提供了很多针对开发需要的扩展,如:Venkman、Extension Developer's Extension、Chrome List 等,但是目前我只大概熟悉了Firebug和console这两个扩展。如果您对其他的扩展感兴趣可以安装下。
3.Eclipse + spket -- 创建工程结构,编写jsp等。
1).安装Eclipse
2).安装spket。步骤:运行Eclipse,点击工具栏的”Help”选项 ->”Software Updates”, 如下图再在弹出的对话框中选择“Avaliable Software”选项, 搜索spket插件, 如下图
勾选spket插件,不需要重复安装, 安装可能需要一定时间。
安装完成后,新建项目,会出下如图选项:表示安装成功
![](http://hi.csdn.net/attachment/201006/2/0_1275450227NTfL.gif)
4.安装XUL Explorer
通过该工具可以实现对xul快速开发.
相关文章推荐
- 在Windows平台搭建轻巧的Python开发环境——面向工程和科研的扩展包配置
- windows下配置php5.5开发环境及开发扩展
- mac OS X下PhpStorm+MAMP PRO+Xdebug+FireFox集成开发和断点调试环境配置
- [Firefox][扩展系列][01]开发环境准备
- 使用yii框架开发第一步:配置yii框架环境和bootstrap扩展,使用代码生成器。
- Firefox 扩展开发的开发环境搭建
- Mac下配置PHP开发环境之MAMP配置Mongo扩展
- windows下配置php5.5开发环境及开发扩展
- [Firefox][扩展系列][01]开发环境准备
- 腾讯云Centos7.0 服务器上配置java开发环境
- eclipse 配置python 开发环境
- Eclipse 之开发环境的常用配置
- Ubuntu配置wxWidgets跨平台C++开发环境的方法
- linux下配置android开发环境
- 【OpenCV入门教程之一】 安装OpenCV:OpenCV 3.0、OpenCV 2.4.8、OpenCV 2.4.9 +VS 开发环境配置
- Mac OS X下环境搭建 Sublime Text 2 环境变量配置 开发工具配置Golang (Go语言)
- Android NDK 开发环境安装和配置
- Fedora Linux 下安装配置C开发环境Code::Blocks
- Jsp开发环境配置全过程
- WCF开发环境配置