Migrating from firebug to firefox developer edition

Firebug was started 2005 and which helped to inspect, edit, and debug code right in the Firefox browser. It also let you monitor CSS, HTML, and JavaScript live in any web page but it has stopped operating since 2017. Thus Firefox has launched a new browser called  "Firefox Developer Edition" which has more user friendly features with easy accessible to get source code, CSS, HTML etc. 

https://developer.mozilla.org/en-US/docs/Tools/Migrating_from_Firebug

To Open the tools

Firebug can be opened by pressing F12. To open it to inspect an element it is possible to press Ctrl+Shift+C 

The Development Tools share the same shortcuts, but also provide shortcuts for the different panels. E.g. the Network Monitor can be opened via Ctrl+Shift 

the Web Console via Ctrl+Shift+K and the Debugger via Ctrl+Shift+S