New blog posts
This is block with box-special class name.
You can change this block in admin panel. Remember, if you change template, this block will be lost. We advise you to clone this block.
Ne lorem percipit efficiantur mei, ius ut simul vidisse. An vel probatus explicari appellantur. Has et comprehensam interpretaris, quo no inimicus maluisset temporibus. Ea mea quod.
A Closer Look at Mozilla Firefox Developer Edition
Posted on Nov 18, 2014
Just in time for Mozilla’s 10th anniversary of Firefox, comes a series of new projects such as Polaris, Interest Dashboard and the one that’s been talked about for quite some time – Firefox Developer Edition.
Although there are a lot of developer tool add-ons that can be integrated in the existing Mozilla Firefox browser, this new version of Firefox is design specifically for web developers.
This means most of the tools that you will see in this version of Firefox are web development related tools which come with a series of built-in applications for different development purposes to speed up the developer’s workflow.
With Firefox Developer Edition, you don’t need to install tools or plug-ins to debug apps for desktop or mobile devices. Everything is already set up so that you can focus on development.
If you’ve used previous versions of Mozilla Firefox, you’ll be disappointed if you were expecting a brand new design. Once you have launched Mozilla Firefox Developer Edition, you’ll notice a new dark theme with square tabs instead of curved ones which are similar to the old version. That’s being said, this version gives you quicker access to developer tools
When you launch Mozilla Firefox Developer Edition for the first time, you’ll notice that there are six available tools (aside from the settings menu) by default:
- Web Developer Tools – Contains developer tools
- Bookmark/Show your Bookmark - Allows you to add, edit, delete or show bookmarks
- Download Manager – Contains all download information
- Firefox Developer Edition Start Page – Displays the start-up page of Mozilla Firefox with Google as the default search engine
- Start a conversation – Simple messenger for Mozilla Firefox account
- Open WebIDE – Offers a built-in editor for working with Firefox OS apps in simulators or Firefox OS devices as well as Firefox for android
The settings menu offers basic functions which are also available in the previous versions of Firefox. The following are setting options you can see from the menu:
- Cut – Allows users to cut text
- Copy – Allows users to copy text
- Paste – Allows users to paste text
- New Window – Allows users to open a new window
- New Private Window – Allows users to open a new private/secured window
- Save Page – Allows users to save the webpage in HTML format
- Print – Allows users to print web pages
- History – Contains browsing information
- Full Screen – Allows users to put the browser in full-screen mode
- Find – Allows users to search by keyword on a web page
- Options – Allows users to create a different profile out of the box without affecting an existing profile on ordinary Firefox
- Add-ons – Contains all add-ons information
- Sync – Allows users to store Firefox data to Mozilla servers
- Customize – Allows users to switch from the standard Firefox theme, and has additional tools and features such as open file, sidebars, share this page, subscribe, character encoding, email link, apps, forget and sync
Web Developer Tools
Firefox Developer Edition consists of all common tools for web development process.
Responsive Design View
Responsive Design View is a new feature that lets you resize your screen to check the look of your site on different viewports. See the video below to see how it works.
This feature helps you see HTML and CSS that was used on web pages to easily customize the structure or format of a page. See tutorial video below.
Firefox Developer Edition has two powerful new features: Valence and WebIDE. These features will definitely help you speed up development process as well as help to easily debug code.
This is the Firefox Tools Adapter which is an available add-on tool previously on the older versions. This allows you create and debug apps on different platforms and devices by connecting to Firefox dev tools. This feature supports multiple browsers across mobile OS. For more information, check out the video below.
Another great feature is the WebIDE. With this tool you can create, edit or debug apps using the built-in browser editor or on a Firefox OS device. This feature allows you to access files, make changes and run them in a simulator available inside this tool. See video below.
Aside from these two new features inside Firefox Developer Edition, there are also another two new features that will surely help you to have a safe browsing experience.