#Firefox developer edition ppa how to#

Towards the bottom of the menu you should see an entry labelled Web Developer. Open the main Firefox menu using the button at the top right of the window. Let’s start with the most obvious and discoverable: via the menu. There are several ways to access the developer tools and which you use is largely down to personal preference. If you’d rather open the link in a new tab, that will work equally well. You don’t have to open a page in a new window to use the developer tools, but it will make it easier when switching back and forth to this tutorial. If you’re using another browser, copy the link address below and paste it into the address bar of your Firefox window.

If you’re reading this in Firefox, right-click on the link below, and select Open Link in New Window from the context menu.

You can use the developer tools to inspect any web page, but for now let’s take a look at the main page of Canonical’s tutorials site. But if you’re using a different browser you should start Firefox now. If you’re already using Firefox to read this tutorial, that’s great. That’s one of the things that makes web development so compelling - you’ve already got everything you need to get started!įor this tutorial you need to be running Firefox - although the skills you’ll learn are applicable to other browsers, too. 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.

#Firefox developer edition ppa how to#

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. Please use the contact forms at the bottom of the website for any major variances.In this tutorial you will learn how to access the web development tools that are built into every copy of Firefox. Alternative languages may vary in accuracy. Website designed and written in English as the primary language.