20 Days Of Web Testing > Browser Extensions

Why?

Each of the main browsers on the market has the capability to add in extra features and functions through the form of add-ons (sometimes known as extensions or plugins).

As a Tester these add-ons are invaluable at helping you gain insight as you test. There are too many to list here, but I’ve included some of my favourites here for the popular browser Firefox.

(Note: the URLs sometimes changes and some of these extensions come and go. If the link doesn’t work a quick search should find it)

 

Selenium IDE

http://seleniumhq.org/projects/ide/

Web automation.

Fast becoming an industry standard tool. This is the IDE version.

Visit http://seleniumhq.org/ for more information on other tools in the set like Selenium Grid.

 

IE Tab

https://addons.mozilla.org/en-US/firefox/addon/1419

Flips your Firefox tab in to Internet Explorer mode.

 

Firesizer

https://addons.mozilla.org/en-US/firefox/addon/5792

Re-sizes your window to different screen sizes

 

Fire cookie

https://addons.mozilla.org/en-US/firefox/addon/6683

Allows you to see and manage cookies through the Firebug add-on.

 

Delicious

https://addons.mozilla.org/en-US/firefox/addon/3615

Social bookmarking add-on.

Never lose a site of interest again and share them with the community too.

Perfect for bookmarking testing sites, information, snippets and blogs.

 

Clear Cache

https://addons.mozilla.org/en-US/firefox/addon/1801

Clears out the cache within the browser at the click of a button.

 

Copy Plain Text

https://addons.mozilla.org/en-US/firefox/addon/134

Copies any text from the browser in to a plain text format losing all formatting.

 

Fiddler Hook

http://www.fiddler2.com/fiddler2/addons/fiddlerhook/

Firefox add-on for integrating with fiddler (a debugging tool).

 

Download Status

https://addons.mozilla.org/en-US/firefox/addon/26

Shows your downloads in a toolbar at the bottom of the browser window.

Keeps it nice and tidy and easy access to your downloads.

 

Xmarks

https://addons.mozilla.org/en-US/firefox/addon/2410

Allow you to save your bookmarks and sync them between browsers on different machines. Works across browsers too. This is great if you test on several different machines. It means you can save your bookmarks once and find them on other browsers you have synched.

 

W3C Page Validator

https://addons.mozilla.org/en-US/firefox/addon/2250

Check your page against W3C standards and compliance.

 

Pencil

https://addons.mozilla.org/en-US/firefox/addon/8487

Great for screen mocks and notes.

 

SQL Injection

https://addons.mozilla.org/en-US/firefox/addon/6727

Does exactly as the name suggests

 

Quick Restart

https://addons.mozilla.org/en-US/firefox/addon/3559

Restarts Firefox maintaining all tabs and open docs when it launches it again.

 

Firebug

https://addons.mozilla.org/en-US/firefox/addon/1843

How can you test websites without this one?

 

Regular Expressions Tester

https://addons.mozilla.org/en-US/firefox/addon/2077

Tool for testing and creating regular expressions.

 

Quick Locale Switcher

https://addons.mozilla.org/en-US/firefox/addon/1333

Good extension allowing for quick switching between browser locales.

 

Http Fox

https://addons.mozilla.org/en-US/firefox/addon/6647

Good tool for analyzing the http traffic through your browser.

 

TAW3

https://addons.mozilla.org/en-US/firefox/addon/1158?src=api

Accessibility checking tool. Awesome.

 

Firefox Accessibility Tools

https://addons.mozilla.org/en-US/firefox/addon/5809?src=api

Accessibility compliance checking tool.

 

This is barely scratching the surface but you can already start to imagine how useful some of these would be for your testing. Add-ons allow you to be more efficient with your time, perform tests you might normally not be able to and allow you to let the tools do the hard work.

These are obviously for Firefox, but some of these also exist for Chrome and other browsers.

How?

Open Firefox > Tools > Add-ons > Extensions and then search for, and download each add-on. (or copy and paste the links above)

Each tool will work in different ways but the documentation on the site is normally pretty good.

 

Useful Hint

Did you know you could make Firefox quicker to load? Do the following (only really for those with broadband):

  • Type “about:config” into the address bar and press return
  • Say “yes” to the “I’ll be careful” message
  • Create a new Integer by right clicking and then choosing New > Integer.
    • Call it “nglayout.initialpaint.delay”
    • Set it’s value to “0” (this will now tell Firefox to wait for zero seconds before acting on the information it is receiving)
  • Type “network.http” in the filter field
  • Set “network.http.pipelining” to “true” (Double click to switch the value)
  • Set “network.http.proxy.pipelining” to “true” (Double click to switch the value)
  • Set “network.http.pipelining.maxrequests” to a number. (Double click to edit) Try setting it to 20. (This number is the number of requests the browser can make at one time)

 

Useful Links

Main extensions website for Firefox – https://addons.mozilla.org/en-US/firefox/extensions/

Chrome extensions – https://chrome.google.com/webstore/category/extensions/

Opera extensions – https://addons.opera.com/en/addons/extensions/

Safari extensions – http://extensions.apple.com/

Cool hacks to Firefox like making it quicker – http://www.lifehack.org/articles/technology/15-coolest-firefox-tricks-ever.html

 

—-

If you want to talk Testing – catch me later this year at EuroSTAR conference.

 

One thought to “20 Days Of Web Testing > Browser Extensions”

Comments are closed.