Mozilla Releases Firefox Developer Edition

FirefoxDeveloperEdition

  • Responsive Design View
    See how your Website or Web app will look on different screen sizes without changing the size of your browser window. I don’t see any difference to what we’ve been using though. Watch Video.
  • Valence
    Develop and debug your apps across multiple browsers and devices with this powerful extension that comes pre-installed with Firefox Developer Edition. Read More.
  • Page Inspector
    Examine the HTML and CSS of any Web page and easily modify the structure and layout of a page. This looks like what we’ve been using also but there’s a couple new goodies added. Read More.
  • Web Console
    See logged information associated with a Web page and use Web Console to interact with Web pages using JavaScript. Watch Video.
  • Style Editor
    View and edit CSS styles associated with a Web page, create new ones and apply existing CSS stylesheets to any page. Watch Video.
  • JavaScript Debugger
    Step through JavaScript code and examine or modify its state to help track down bugs. Watch Video.
  • Network Monitor
    See all the network requests your browser makes, how long each request takes and details of each request. Read More.
  • Web Audio Editor
    Inspect and interact with Web Audio API in real time to ensure that all audio nodes are connected in the way you expect. Read More.
  • WebIDE
    Develop, deploy and debug Firefox OS apps directly in your browser, or on a Firefox OS device, with this tool that replaces App Manager. Read More.

Download Firefox DE from here.