How is Mozilla Firefox Developer Edition Different from Regular Edition???





Mozilla recently launched a new version of their web browser called Mozilla Firefox Developer Edition that is specifically geared towards web developers.Version 35.0a2, first offered to Firefox Developer Edition users on November 10, 2014





This Edition is Nothing but,a  modified version of Firefox that is specifically designed for web developers. It also uses a separate profile from the regular version so that running them side-by-side is an option. That does mean that all your add-ons and settings will not be available in the Firefox Developer Edition, but you can use Firefox Sync to get your add-ons and settings synchronized on both versions.

All features in the Firefox Developer Edition will be available 12 weeks before they are available in the regular version of Firefox.

Some features built into the Firefox Developer Edition that the regular version does not have are:
1 ) Web IDE


Web IDE allows you to develop, deploy, and debug web apps directly in your browser or on a Firefox OS device.
 It lets you create a new Firefox OS app (which is just a web app) from a template or open up the code of an existing app. 
From there you can edit the app’s files. It is one click to run the app in a simulator and one more to debug it with the developer tools. 
You can watch a video about Web IDE on YouTube here.

2 ) Valence

Previously called Firefox Tools Adapter, Valence lets you develop and debug your app across multiple browsers and devices by connecting the Firefox developer tools to other major browser engines. Valence also extends the awesome tools built to debug Firefox OS and Firefox for Android to the other major mobile browsers including Chrome on Android and Safari on iOS. So far these tools include Inspector, Debugger, and Console & Style Editor. You can watch a video about Valence on YouTube here.

3 ) Web Audio Editor

The Web Audio Editor lets you inspect and interact with Web Audio APIs in real time to ensure that all audio nodes are connected in the way you expect.

And it also has regular features like 

4 )Page Inspector 

This can Help you to Examine HTML and CSS and also modify it during runtime.
But, the Changes are Not permanent


5)Web Console 

See logged info and interact with web pages using JavaScript.It also Helps in executing and checking javascript functions at runtime.

6)JavaScript Debugger

A Small tool That Helps in debugging Javascript.

Thanks for Reading............... :)

Comments

Post a Comment

Popular posts from this blog

Hack Wifi with Fern Wifi Cracker

Image
          Fern Wifi Cracker is a Wireless security auditing and attack software program written using the Python Programming Language and the Python Qt GUI library , the program is able to crack and recover WEP/WPA/WPS keys and also run other network based attacks on wireless or ethernet based networks Operating System Supported The Software runs on any Linux machine with the programs prerequisites , But the program has been tested on the following Linux based operating systems: Ubuntu KDE/GNOME BackTrack Linux BackBox Linux Prerequisites The Program requires the following to run properly: The following dependencies can be installed using the Debian package installer command on Debian based systems using "apt-get install program" or otherwise downloaded and installed manually Aircrack-NG Python-Scapy Python Qt4 Python Subversion Xterm Reaver (for WPS Attacks) Macchanger Features Fern Wifi Cracker currently sup...
Read more

How to Make Circle Images using CSS

Image
Hi All Today I am going to teach you how to create circle images in your HTML pages. In Good old days we had websites that displayed all images in the shape of SQUARE or rectangles and now its time to change it and make something new and cool.So, Lets try making circular images in HTML pages. Well, You Might Have Seen that Websites like Google plus displays your profile image in a circular shape. Have you not felt this as cool. But, I Tell you This is Awesome and You can also Do the SAME So This Trick can be done by applying a small CSS Property called Border radius And for this you will have to use “ border-radius:50% 50% 50% 50%; “ See the Code Below <html> <head> <style> #circle { border-radius:50% 50% 50% 50%; width:300px; height:300px; } </style> </head> <body> <img src="skin-tone.jpg" id="circle"> </body> </html> Now Save the Abov...
Read more

How to Decompile JAR files and View Source Code of Java Programs

Image
In software terms, JAR (Java Archive) is a package file format typically used to aggregate many Java class files and associated metadata and resources (text, images, etc.) into one file to distribute application software or libraries on the Java platform. Typically, The Contents of any JAR file can be viewed by Extracting the JAR file with the Help of Tools like WinZIP or WinRAR . Once You have successfully extracted the contents of the JAR file . you will get a lot of Files with file extension " .class " and these class files are not in Human Readable Format. So, to Overcome this problem and to view the original JAVA source code hidden inside these class files stored inside the JAR file container ,we use a tool called JD-GUI . JD stands for "Java Decompiler" . It is a standalone graphical utility that displays Java source codes of “ .class ” files. You can browse the reconstructed source code with the JD-GUI for instant access to methods...
Read more