Some - but not all - features touted by Mozilla:
Steps to install :
- WebIDE:
- 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’s one click to run the app in a simulator and one more to debug it with the developer tools.
- Web IDE - YouTube
- Valence:
- (previously called Firefox Tools Adapter) lets you develop and debug your app across multiple browsers and devices by connecting the Firefox dev tools to other major browser engines. Valence also extends the awesome tools we’ve 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 our Inspector, Debugger and Console and Style Editor.
- Valence - YouTube
- Responsive Design Mode:
- see how your website or Web app will look on different screen sizes without changing the size of your browser window.
- Page Inspector:
- examine the HTML and CSS of any Web page and easily modify the structure and layout of a page.
- Web Console:
- see logged information associated with a Web page and use Web Console and interact with a Web page using JavaScript.
- JavaScript Debugger:
- step through JavaScript code and examine or modify its state to help track down bugs.
- Network Monitor:
- see all the network requests your browser makes, how long each request takes and details of each request.
- Style Editor:
- view and edit CSS styles associated with a Web page, create new ones and apply existing CSS stylesheets to any page.
- 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.
Steps to install :
-
Open Terminal
Ctrl+Alt+T
Download Firefox Developer Editiontar file
wget https://download.mozilla.org/?product=firefox-aurora-latest-ssl&os=linux64&lang=en-US
-
Copy tar file to
opt
sudo cp -rp firefox-35.0a2.en-US.linux-x86_64.tar.bz2
-
Open
opt
folder (cd /opt/
) and untar filesudo tar xjf firefox-35.0a2.en-US.linux-x86_64.tar.bz2
-
Delete tar file
sudo rm -rf firefox-35.0a2.en-US.linux-x86_64.tar.bz2
-
Now create new icon for Firefox Developer Edition browser.
sudo chown -R $USER /opt/firefox
-
Open
nano ~/.bashrc
-
Go to the end of file and paste this line:
export PATH=/opt/firefox/firefox:$PATH
-
The last thing we need to do is to create launcher for Unity.
sudo nano /usr/share/applications/FirefoxDeveloperEdition.desktop
-
Paste the lines below into it:
[Desktop Entry] Version=1.0 Name=Firefox Developer Edition GenericName=Web Browser Exec=/opt/firefox/firefox Terminal=false Icon=/opt/firefox/browser/icons/mozicon128.png Type=Application Categories=Network;WebBrowser;Favorites; MimeType=text/html;text/xml;application/xhtml_xml;x-scheme-handler/http;x-scheme-handler/https;x-scheme-handler/ftp; X-Ayatana-Desktop-Shortcuts=NewWindow;NewIncognito
-
Copy icon to Desktop
cp -rp /usr/share/applications/FirefoxDeveloperEdition.desktop /home/$USER/Desktop
-
Do run enable
chmod +x FirefoxDeveloperEdition.desktop
-
Go Desktop and click Firefox Developer Edition
No comments:
Post a Comment