Difference between revisions of "Firebug.next"

From FirebugWiki
Jump to: navigation, search
(Introduction)
 
Line 1: Line 1:
This page provides information on what has changed since the current stable version of Firebug and lists all related development releases.
 
  
The current Firebug version in development is '''3.0'''.
+
The current Firebug version in development is '''3.0''' (aka Firebug.next).
  
 
== Download Sites ==
 
== Download Sites ==
Line 7: Line 6:
  
 
== Introduction ==
 
== Introduction ==
Next generation of Firebug will be built on top of the Firefox native developer tools and the Add-on SDK.
+
Next generation of Firebug is built on top of the Firefox native developer tools and the Add-on SDK.
  
 
Goals:
 
Goals:
Line 15: Line 14:
 
* Customize theme theme/layout of existing native tools and implement advanced features.
 
* Customize theme theme/layout of existing native tools and implement advanced features.
  
 +
See Firebug.next wiki on [https://github.com/firebug/firebug.next/wiki github.com] for detailed information.
  
See also wiki on [https://github.com/firebug/firebug.next/wiki github.com]
+
== Blogs ==
 
+
* https://blog.getfirebug.com/2014/11/10/firebug-3-next-generation-of-firebug/
== Overview ==
+
* https://hacks.mozilla.org/2014/12/firebug-3-multiprocess-firefox-e10s/
* TODO: Extension architecture
+
* http://www.ghacks.net/2014/11/13/firebug-3-to-introduce-some-big-changes/
* TODO: Development: tips and tricks
+
* TODO: automated tests
+
 
+
=== Development Tips & Tricks ===
+
See some tips and tricks that are useful when hacking on Firebug.next
+
 
+
 
+
* First, you should read [https://github.com/firebug/firebug.next/blob/master/README.md Hacking on Firebug.next]
+
* Install latest [https://getfirebug.com/releases/fbtrace/ FBTrace] extension into your development profile. It'll automatically show various runtime logs and errors.
+
* Use JPM tool to run Firebug.next extension (see [https://github.com/firebug/firebug.next#hacking-on-firebugnext-aka-firebug-3 more]).
+
* Set <code>extensions.firebug-next@jetpack.debugStartup</code> preference to <code>true</code> if you want to have the toolbox opened (+ a test page) by default after Firefox starts.
+
* If you want to make logs in the tracing console more visible append "!!!" (no quotes) at the begging of the log message. The log will be automatically highlighted.
+
* Use [https://addons.mozilla.org/en-US/firefox/addon/dom-inspector-6622/ DOM Inspector] addon to inspect UI of the toolbox. Install also [https://addons.mozilla.org/en-US/firefox/addon/element-inspector/ Element Inspector] that allows to Shift-RightClick any element to open it in DOM Inspector quickly.
+
* Use Tools -> Web Developer -> Browser Toolbox to to complex inspection of the toolbox UI. It's a little slower to launch, but provides more detailed info.
+
 
+
 
+
[[Firebug Roadmap]]
+
 
+
== Resources ==
+
* New wiki: https://github.com/firebug/firebug.next/wiki
+
* Source repository: https://github.com/firebug/firebug.next
+
* Add-on SDK: https://developer.mozilla.org/en-US/Add-ons/SDK
+
* DevTools API: https://developer.mozilla.org/en-US/docs/Tools/DevToolsAPI
+
* DevTools SDK Requirements: https://docs.google.com/document/d/1Dr0hFqA6CP9O-Xug5DOYZrrxzsRzbc_xD0mSATn7XcE/edit
+
 
+
== Features and changes ==
+
 
+
No release made yet.
+
 
+
== Bug Fixes ==
+
 
+
No release made yet.
+
 
+
== Releases ==
+
No release made yet.
+
 
+
== Other versions ==
+
* [[Firebug Release Notes|Firebug 2.0]]
+
* [[Firebug 1.12 Release Notes|Firebug 1.12]]
+
 
+
== See also ==
+
* [https://wiki.mozilla.org/Firebug Firebug on Mozilla wiki]
+
* [[Firebug Feature Wish List|Feature Wish List]]
+

Latest revision as of 00:33, 8 January 2015

The current Firebug version in development is 3.0 (aka Firebug.next).

Download Sites[edit]

http://getfirebug.com/releases/firebug/3.0/

Introduction[edit]

Next generation of Firebug is built on top of the Firefox native developer tools and the Add-on SDK.

Goals:

  • Use an existing infrastructure of native developer tools to solve issues related to e10s and remote debugging.
  • Closely cooperate with Firefox DevTools team (and other teams like JetPack and extension developers).
  • Use Mozilla infrastructure for running automated tests.
  • Customize theme theme/layout of existing native tools and implement advanced features.

See Firebug.next wiki on github.com for detailed information.

Blogs[edit]