Firefox DevTools

Mon, 01 Jan 0001 00:00:00 +0000

Overview

Most browsers (Firefox, and the lessers too) have some built-in tools to support web developers. Firefox’s are called “DevTools” and they’re pretty great. The most comprehensive documentation for Firefox’s DevTools is in the MDN’s What are browser developer tools?.

Configuring DevTools

The default settings are pretty good, but you may want to make a few of the changes I use.

to find the devtools settings, have the devtools open (e.g. via right clicking in the browser and choosing Inspect), and then click the ellipsis (`...`), and then choose Settings

Rulers

Sometimes it can be helpful to see the dimensions of the viewport.

Docs

Mon, 01 Jan 0001 00:00:00 +0000

Working Locally vs. Remotely

Local

Some JMU CS Students do a significant amount of their software development for their courses on stu. While you can do CS 347 development on stu, you can’t run your code there. In general we assume you’re developing and running locally. That being said, it would be good for you to have your developer tools setup to be able to do things for you remotely (like interact with github for example).