QA Graphic

Firefox Developer Edition

FireFox Developer Edition

If you do any website development, you should consider installing Firefox Developer Edition. It's a very powerful browser that is "Built for those who build the Web."

Key Advantages FireFox Developer Edition

You may be used to other Developer tools in other browsers. However, FireFox Developer Edition is the only browser to help Developers and QA debug code better than anyone.

  • Visual Editing Tools - You can visually edit any page animation objects.
  • DevTools Challenger - Learn more about how the Visual Animation and CSS Editing works together with a fun game.
  • Extra Performance Tools - Check out Frame Rate, memory consumption and JS profile in the performance tools.
  • Page Inspector - Modify HTML & CSS structure live
  • JavaScript Debugger - Step through JavaScript code and easily debug issues.
  • Awesome Style Editor - Fix CSS issues on the fly.

AppleScript and FireFox

AppleScript was briefly removed from Firefox. You'll be happy to know that it's back! (Ok, It's been back for a while, I just noticed it now.)

Here's an example code to search Google using the contents of your clipboard:

Fire Fox Apple Script

set theData to (the clipboard as text)
set the clipboard to theData
tell application "FirefoxDeveloperEdition"
	activate
	open location "https://www.google.com?q=" & theData
end tell

Mousekey Assignment

I have this setup as one of my mouse buttons. You can assign AppleScripts to mouse buttons via USB Overdrive. I can now quickly search google with the #5 mouse button.

U S B Overdrive Firefox

BASH and Firefox

If you don't like AppleScript, you can always use BASH and perform the some actions. (I wasn't able to figure out the search query)

#! /bin/bash
/Applications/FirefoxDeveloperEdition.app/Contents/MacOS/firefox -private-window http://www.cryan.com

Some sample command line actions

Opens a new website in Private Mode:

/Applications/FirefoxDeveloperEdition.app/Contents/MacOS/firefox -private-window http://www.cryan.com

Opens a URL in a separate tab:

/Applications/FirefoxDeveloperEdition.app/Contents/MacOS/firefox -new-tab http://www.cryan.com

Opens Firefox in safe mode, useful if you having problems with firefox. (Also useful to test a site with no plugins enabled)

/Applications/FirefoxDeveloperEdition.app/Contents/MacOS/firefox -safe-mode

This isn't limited to the Developer version of Firefox. If you are using the standard Firefox version, replace FirefoxDeveloperEdition.app with Firefox.app.

You can learn all about the various command line options on Mozilla's developers website.

 

Comments

Add Comments

Name:
Comment:

 

About

As someone who has worked on Macs since 1989, I will use my experience to share tips and tricks with you on Fridays. As a Mac user since 1989, I have seen the evolution of Mac software and hardware, and I know how Mac computers work. I also know how to troubleshoot and fix Mac problems that can arise.

Schedule

TuesdayQA
WednesdaySnagIt for QA
ThursdayPython
FridayMacintosh
SaturdayInternet Tools
SundayOpen Topic
Monday Media Monday