Browser Bits

February 3, 2007

Essential Tools

The following is a list of Essential Web Development Tools. I plan to update this post regularly, with new stuff, whenever I can.

All Browsers:

Mozilla / Firefox / Camino:

First, if you haven’t got these Extensions, go get them now! (trust me, you won’t ever want to be without them)

The next few items, are optional… I find them very handy, but it depends on how focused you are on frontend vs. backend development.

  • Colorzilla (A handy color picker/DOM Node navigation tool)

Internet Explorer (IE):

  • Viewing the source of a page in IE can be a big pain. Especially if you want to see the source of the page,*after* you’ve done some DOM manipulation to it.
    • Bookmark (cough: favorite) the following line, to view the source of any page, exactly as IE sees it at any moment in time.
    • javascript:document.body.innerHTML=('<xmp>'+document.getElementsByTagName('html')[0].innerHTML+'</xmp>');

Opera:

Safari:

Konqueror:

Unfortunately, Konqueror does not support the javascript: protocol in the location bar, which means using bookmarklets is out of the question (too bad, because they are extremely handy)

Advertisements

2 Comments »

  1. […] post by https://scunliffe.wordpress.com/2007/02/03/essential-tools/ Permalink […]

    Pingback by Essential Tools | About Firefox — February 3, 2007 @ 6:32 pm

  2. Hi

    G’night

    Comment by Test — March 30, 2007 @ 8:59 am


RSS feed for comments on this post. TrackBack URI

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Blog at WordPress.com.

%d bloggers like this: