Member Sign In
Not a member?

A Wired.com user account lets you create, edit and comment on Webmonkey articles. You will also be able to contribute to the Wired How-To Wiki and comment on news stories at Wired.com.


It's fast and free.

Sign in with OpenID
Sign In
Webmonkey is a property of Wired Digital.
processing...
Join Webmonkey

Please send me occasional e-mail updates about new features and special offers from Wired/Webmonkey.
Yes No

Please send occasional e-mail offers from Wired/Webmonkey affiliated web sites and publications, and carefully selected companies.
Yes No

I understand and agree that registration on or use of this site constitutes agreement to Webmonkey's User Agreement and Privacy Policy.
Webmonkey is a property of Wired Digital.
processing...

Retrieve Sign In

Please enter your e-mail address or username below. Your username and password will be sent to the e-mail address you provided us.

or
Webmonkey is a property of Wired Digital.
processing...

Welcome to Webmonkey

A private profile page has been created for you.
As a member of Webmonkey, you can now:
  • edit articles
  • add to the code library
  • design and write a tutorial
  • comment on any Webmonkey article
Close
Webmonkey is a property of Wired Digital.

Sign In Information Sent

An e-mail has been sent to the e-mail address registered in this account.
If you cannot find it in your in-box, please check your bulk or junk folders.
Sign In
Webmonkey is a property of Wired Digital.

Script Your DOM with Chickenfoot

Facebook Developers LogoUsers who are grappling with Greasemonkey’s bugs in Firefox Release Candidate 1 should check out Chickenfoot.

Chickenfoot is similar to Greasemonkey, a firefox add-on providing user-generated page scripting, but goes a step forward by manipulating the browser’s Document Object Model (DOM). The DOM represents the interactive abilities of the web includes things like links, text boxes, radio buttons, and check boxes. The ability to manipulate the DOM empowers users to change site code, interactions, and submissions based on preference or whimsy.

Besides being available to Firefox 3 RC1 users, Chickenfoot offers some functionality that Greasemonkey lacks. Scripting in Chickenfoot has an easier learning curve including functions like “click(”This Link”) from the sidebar menu. Manipulating the same command in Greasemonkey involves an intermediate level of JavaScript knowledge, a text editor, and a page refresh.

Scripts can be written on-the-fly and run, or “triggered” while browsing. You can also set triggers on patterns and links just like Greasemonkey.

Scripting a web page is useful for aesthetic changes and manipulating basic functionality. However, Chickenfoot looks very promising for quality assurance testing. For instance, you could write up a script mimicking basic user interactions and drill into a web site while looking for errors.

Chickenfoot’s interface is a sidebar that runs parallel to the browsing window. It includes a text box to script on-the-fly and an area that allows you to see the output and control the pattern and trigger matching preferences of your scripts.

Bundled with Chickenfoot are some sample scripts that include an “icon search” to Google image searches, one that highlights SAT words and adds tooltips for their definition, and one that allows text boxes to be resized by dragging a small image on the corner.

Chickenfoot’s latest release, 1.0.3, was released April 23rd, 2008. Updates and news are available on the Chickenfeed blog.

Post Comment Comments Permalink Print
Reddit Digg

 
Subscribe now

Special Offer For Webmonkey Users

WIRED magazine:
The first word on how technology is changing our world.

Subscribe for just $10 a year