justaddwater.dk

I figured the original bookmarklet toolbox needed an update (i have updated and added a few bookmarklets since I first posted Toolbox — locating problems in HTML). Quirksmode detection, Layout grid and more.

For example I added “quirks or !quirks” to determine whether a page runs standards mode or quirks mode. It pops up an alert that displays rendering mode for each frame.

• “Document mode: CSS1 Compat” is standards mode
• “Document mode: Back compat” is quirksmode

I forget where I found the code (please notify me and I’ll give you credit).I also modified Steve Chipman’s excellent “PageInfo” so that its usable with frames. If frames are found it asks you to enter a frame number (index from document.frames[x])

I also added Andy Budd’s CSS grid layout bookmarklet which I find useful on occasions to see if things line up.

In general I find that I use these less and less, because much functionality is built into Firebug. But on some occations the bookmarklets can prove very handy.

Import all at once (separate HTML page):

Web Standards Investigation Tools (WSIT) HTML page
(last updated 2007-10-12)

Instruction:

1. Save the linked HTML page locally
2. Open Firefox Bookmark Manager (Bookmarks > Manage Bookmarks)
3. Choose File > Import …
4. Import bookmarks into “Bookmarks Toolbar Folder” for easy access to them.

More info:

• Toolbox — locating problems in HTML
• Original Web Standards Investigation Tools (WSIT) bookmarklets (September 2006)
• Technique for locating problems in HTML (September 2006)
• Why web standards matter (case study) (June 2006)

Technorati Tags: javascript, bookmarklet, toolbox, webstandards, web standards

This entry was posted by Jesper Rønn-Jensen on Friday, October 12th, 2007 at 10:54 (GMT-1) and is filed under HTML, JavaScript, Web Development, Web Standards. You can follow any responses to this entry through the RSS 2.0 feed. Both comments and pings are currently closed.