There’s nothing you need to add, no extensions to download, no hidden preferences to change. Opening the developer toolsĮvery copy of Firefox has a suite of developer tools built right into the browser (as do Chrome, Safari, Edge and most other modern browsers). Whichever approach you prefer, there are links on the last page that will help you take your web developer skills to the next level. There’s a getting started guide on Mozilla’s web developer site, but if you’re the sort of person that would rather just jump right in and get going you should still be able to complete this tutorial even without that background knowledge. The Firefox web browser (installed by default in Ubuntu desktop systems)Īlthough you don’t need any experience in web development to follow this tutorial, a little knowledge of how a web page is written might make some things a little more understandable.A computer running Ubuntu 16.04 or above.How to install Firefox Developer Edition.Why you might want to install a second browser for development.How to configure the user interface to show the tools you want. ![]() How to use the inspector and console tools.You will also learn how to install the Firefox Developer Edition alongside your normal Firefox installation, allowing you to keep development work separate from your normal day-to-day browsing. That’s all there is to it! You can now launch Firefox Developer Edition directly from your Start menu or drag and drop it to your sidebar.In this tutorial you will learn how to access the web development tools that are built into every copy of Firefox. Drag and drop it to your sidebar to create a shortcut. Once you have saved the file, Firefox Developer Edition should now appear in your start menu when you type in Firefox. The following commands will do exactly that:ġ 2 Version = 1.0 3 Name = Firefox Developer Edition 4 StartupWMClass = "firefox-aurora", "Firefox Developer Edition" 5 GenericName = Web Browser 6 Exec = /opt/firefox-developer-edition/firefox 7 Terminal = false 8 Icon = /opt/firefox-developer-edition/browser/chrome/icons/default/default128.png 9 Type = Application 10 Categories = Network WebBrowser Favorites 11 StartupNotify = true 12 Keywords = web browser internet 13 Actions = new-window new-private-window 14 StartupWMClass = Firefox Developer Edition 15 MimeType = text/html text/xml application/xhtml_xml x-scheme-handler/http x-scheme-handler/https x-scheme-handler/ftp 16 X-Ayatana-Desktop-Shortcuts = NewWindow NewIncognito 17 18 19 Name = New Window 20 Exec = /opt/firefox-developer-edition/firefox -new-window %u 21 OnlyShowIn = Unity 22 23 24 Name = New Incognito Window 25 Exec = /opt/firefox-developer-edition/firefox -private-window %u 26 OnlyShowIn = Unity Create a symbolic link to the Firefox Developer Edition executable (this too requires sudo).Move the extracted Firefox Developer Edition folder to the /opt directory (you will have to use sudo for this).Navigate to the directory where you have saved the Firefox Developer Edition package.Open the terminal app on your Ubuntu system by pressing Ctrl+Alt+T or however you start your preferred terminal app.Once you have downloaded the Firefox Developer Edition package, you need to install it on your Ubuntu system. Step 2: Install Firefox Developer Edition Save the downloaded file to your preferred location on your computer.If you are not on Ubuntu, you are in the wrong How-To, because this one is about how to set it up on Ubuntu and Ubuntu-like systems. If you are on Ubuntu, it will be pre-selected. ![]()
0 Comments
Leave a Reply. |