firefox developer toolbar 在 Tools - Web Developer - Developer Toolbar shift+f2 和 chrome 不太一样，有点意思。

• firefox Style Editor 可以编辑页面中引用的 css(inline或者外连都可以)。
• 3d view 查看页面 DOM 层次
• Responsive design mode 自适应设计模式
• Highlight painted area 显示那些被 重画 的区域

执行 help 列出所有命令

• addon - Manipulate add-ons help addon
• appcache - Application cache utilities help appcache
• break - Manage breakpoints help break
• calllog - Commands to manipulate function call logging help calllog
• connect - Proxy commands to server help connect
• console - Commands to control the console help console
• context - Concentrate on a group of commands help context
• cookie - Display and alter cookies help cookie
• dbg - Manage debugger help dbg
• disconnect - Disconnect from server help disconnect
• edit - Tweak a page resource help edit
• export - Export resources help export
• firebug - Web Development Evolved help firebug
• help - Get help on the available commands help help
• inspect - Inspect a node help inspect
• jsb - JavaScript beautifier help jsb
• listen - Open a remote debug port help listen
• media - CSS media type emulation help media
• pagemod - Make page changes help pagemod
• paintflashing - Highlight painted area help paintflashing
• pref - Commands to control settings help pref
• profiler - Manage profiler help profiler
• resize - Control Responsive Design Mode help resize
• restart - Restart Firefox help restart
• screenshot - Save an image of the page help screenshot
• tilt - Visualize the webpage in 3D help tilt

有意思的是：

• jsb 可以把 js 代码格式化（漂亮）
• screenshot 截屏