Web Site Investigation Toolbox Update

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)



  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:

Technorati Tags: , , , ,

3 Responses to “Web Site Investigation Toolbox Update”

  1. Jesper Rønn-Jensen Says:

    Ideas for Future updates of the tool brought to my attention by “n00ge” in the E-texteditor forum:

    Posted: Tue Dec 18, 2007 2:55 pm

    The funny thing about those features in Topstyle are that they are just javascript bookmarklets that they offered up for people to use in their browsers as well. Just having a few javascript bookmarklets as buttons in there would be great.

    Here are a few that I have come across and find useful:

    Design: “utilities for grid layout, measurement and alignment”

    ReCSS: reload the css for the file without refreshing the page

    XRAY: view details on elements in a page

    MRI: test and play with selectors


    View context: http://www.e-texteditor.com/forum/viewtopic.php?p=8084#8084

  2. Sally Says:

    I experienced some problems with bookmarks importing. Do you know what it can be? May be it’s bug in Windows.

  3. Traffic-Karte, Linkhygiene und Fernsehsurfer | Dr. Web Magazin Says:

    […] Analyse-Toolbox Update Die Web Site Investigation Toolbox ist keine neue Erfindung mehr, sie wurde aber just aufgerischt. Das ist Grund genug sie zu […]