Pages

Monday, February 10, 2020

Install Firefox developer Edition in Ubuntu

Some - but not all - features touted by Mozilla:
  • 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 :

  1. Open Terminal Ctrl+Alt+T Download Firefox Developer Edition tar file
    wget https://download.mozilla.org/?product=firefox-aurora-latest-ssl&os=linux64&lang=en-US

  2. Copy tar file to opt sudo cp -rp firefox-35.0a2.en-US.linux-x86_64.tar.bz2

  3. Open opt folder (cd /opt/) and untar file sudo tar xjf firefox-35.0a2.en-US.linux-x86_64.tar.bz2

  4. Delete tar file sudo rm -rf firefox-35.0a2.en-US.linux-x86_64.tar.bz2

  5. Now create new icon for Firefox Developer Edition browser. sudo chown -R $USER /opt/firefox

  6. Open nano ~/.bashrc

  7. Go to the end of file and paste this line: export PATH=/opt/firefox/firefox:$PATH

  8. The last thing we need to do is to create launcher for Unity. sudo nano /usr/share/applications/FirefoxDeveloperEdition.desktop

  9. 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
     
  10. Copy icon to Desktop cp -rp /usr/share/applications/FirefoxDeveloperEdition.desktop /home/$USER/Desktop

  11. Do run enable chmod +x FirefoxDeveloperEdition.desktop

  12. Go Desktop and click Firefox Developer Edition smile





No comments:

Post a Comment