since.2006  

工欲善其事，必先利其器。上次没专门配置开发环境直接在firefox扩展目录修改代码做某个操作时自动清空了扩展目录，欲哭无泪～幸好用了IDE在编辑代码从历史版本中找了回来。
最近要修改个功能为了不碰到上次那样的问题，还是专门配个开发环境吧。

1.先为开发环境创建个自己的Profile，这样随便怎么动都不会影响到正常使用。
Mac OS 在命令行下执行："/Applications/Firefox.app/Contents/MacOS/firefox-bin -p"
Windows 在快捷方式后加 -p 参数。
上面会打开一个用户配置文件管理窗口，创建一个新的配置文件，创建完成后，在profile目录下创建一个extensions的文件夹，开发的扩展就放在这个目录下。

2.打开firefox，输入about:config修改以下参数

// 把chrome文件的错误输出到错误控制台
javascript.options.showInConsole = true
//禁用 XUL 缓存，使得对窗口和对话框的修改不需要重新加载 XUL 文件
nglayout.debug.disable_xul_cache = true 
// 可以在脚本里用dump来输出调试信息到终端，如dump("test")
browser.dom.window.dump.enabled = true
// 严格的脚本错误报告。如果不设置这个，一些脚本错误将不会被输出到错误控制台。
javascript.options.strict = true
// 使错误控制台里显示更多的和安装和更新有关的错误信息
extensions.logging.enabled = true

3.每次修改内容后用ant自动复制文件到firefox扩展目录

<?xml version="1.0" encoding="utf-8"?>
<project name="ToMeFirefox" default="复制文件至扩展目录" basedir="../">
    <!-- 应用的文件目录 -->
    <property name="app" value="app"/>
    <!-- 应用在firefox扩展目录下的文件夹名 -->
    <!-- 这个扩展目录就是在第1步自定义的profile文件夹下 -->
    <property name="extDirName" value="E:\workspace\FirefoxProfiles\extensions\App@since2006.com"/>

    <target name="复制文件至扩展目录">
        <delete dir="${extDirName}"/>
        <mkdir dir="${extDirName}"/>
        <copy todir="${extDirName}">
            <fileset dir="${app}">
            </fileset>
        </copy>
    </target>

</project>

4.重启firefox测试效果

5.反复重启的话，可以创建个快捷方式在第1步的参数-p后加上Profile的名字每次打开默认使用这个Profile

如：
firefox.exe -p dev -console

 

标签： firefox