火狐擴展開發用到的配置及工具

有助於開發的一些配置：

Installing the Developer Profile extension sets up most of the development environment described below.

There is a set of development preferences that, when enabled, allows you to view more information about application activity, thus making debugging easier. However,  these preferences can degrade performance, so you may want to use a separate development profile when you enable these preferences. For more information about Mozilla preferences, refer to the mozillaZine article on "about:config".

Not all preferences are defined by default, and are therefore not listed in about:config by default. You will have to create new (boolean) entries for them.

• javascript.options.showInConsole = true. Logs errors in chrome files to the Error Console.
• nglayout.debug.disable_xul_cache = true. Disables the XUL cache so that changes to windows and dialogs do not require a restart. This assumes you're using directories rather than JARs. Changes to XUL overlays will still require reloading of the document overlaid.
• browser.dom.window.dump.enabled = true. Enables the use of the dump() statement to print to the standard console. See window.dump for more info. You can use nsIConsoleService instead of dump() from a privileged script.
• javascript.options.strict = true. Enables strict JavaScript warnings in the Error Console. Note that since many people have this setting turned off when developing, you will see lots of warnings for problems with their code in addition to warnings for your own extension. You can filter those with Console².
• devtools.chrome.enabled = true. This enables to run JavaScript code snippets in the chrome context of the Scratchpad from the Tools menu. Don't forget to switch from content to browser as context.
• devtools.debugger.remote-enabled = true. This adds a "Browser Debugger" entry to the "Web Developer" submenu of the "Tools" menu.  The Browser Debugger can be used to debug the JavaScript code of extensions.
• extensions.logging.enabled = true. This will send more detailed information about installation and update problems to the Error Console. (Note that the extension manager automatically restarts the application at startup sometimes, which may mean you won't have time to see the messages logged before the automatic restart happens. To see them, prevent the automatic restart by setting the environment NO_EM_RESTART to 1 before starting the application.)
• nglayout.debug.disable_xul_fastload = true. For Gecko 2.0+ (Firefox 4.0+). See this bug for more information. Although the bug has been closed, it is believed that this pref is still relevant.
• You might also want to set dom.report_all_js_exceptions = true. See Exception logging in JavaScript for details.
• devtools.errorconsole.deprecation_warnings. Detect deprecated code use.

 

開發工具：

These extensions may help you with your development.

• DOM Inspector, used to inspect and edit the live DOM of any web document or XUL application (Firefox and Thunderbird)
• Venkman, a JavaScript Debugger (Firefox version, Thunderbird version)
• Extension Developer's Extension a suite of tools for extension development (Firefox)
• Extension Test an add-on which makes it easier to detect problems which will lead to rejection by addons.mozilla.org
• Console² enhanced JavaScript console (Firefox version, Thunderbird version)
• Javascript Command for writing/testing javascript on Firefox windows
• Inspect Context Open DOM Inspector at this node from Inspect on context menu.
• Chrome List navigate and view files in chrome:// (Firefox version, Thunderbird version)
• Chrome Edit Plus a user file editor (Firefox and Thunderbird)
• Add-on Builder a web-based application that generates an extension skeleton (Firefox, Thunderbird, and others)
• Firebug a variety of development tools (Firefox)
• Pentadactyl, a general purpose extension with builtin tools for extension development, including a command line with chrome JavaScript evaluation (including property and function argument completion) and the ability to demand-load external JavaScript and CSS files into window chrome.
• Chromebug combines elements of a JavaScript debugger and DOM (Firefox, "kinda works for Thunderbird")
• MozRepl explore and modify Firefox and other Mozilla apps while they run (Firefox and Thunderbird)
• ExecuteJS an enhanced JavaScript console (Firefox version, Thunderbird version)
• XPCOMViewer an XPCOM inspector (Firefox and Thunderbird)
• JavaScript shells to test snippets of JavaScript (Firefox and Thunderbird)
• SQLite Manager to manage the SQLite database (Firefox and Thunderbird)
• ViewAbout enables access to various about: dialogs from the View menu (Firefox version, Thunderbird version )
• Crash Me Now! useful for testing debug symbols and the crash reporting system (Firefox and Thunderbird)
• Javascript Object Examiner displays JavaScript object methods and properties for any available scope
• Developer Profile sets up the development environment described above when installed

 

 源自：https://developer.mozilla.org/en-US/docs/Setting_up_extension_development_environment