Developer Bookmarklets
These bookmarklets are targeted at web developers.
To use a bookmarklet, simply click the link (or, if you use Explorer, drag it to another browser window).
To save the bookmarklet, add it to your favorites/bookmarks or drag the link to your desktop. If you use Explorer or Opera you can import all the bookmarklets in one easy operation.
| Bookmarklet | Works in frames | Browser support |
| Create GUID Generates a GUID (Global Unique Identifier) and copies it to the clipboard. Upon running the bookmarklet, simply paste the result into your text editor. Explorer: Create GUID Last upd. 26 Mar. 2006 |
Yes |  |
| ASCII Table Shows a 4-column ASCII table in a popup window. Note: In Opera 8 no vertical scrollbar is shown in the window. Seems to be a bug. All browsers: ASCII Table Last upd. 28 Nov. 2004 |
Yes |     |
| List Frames Shows a new window with a hierarchical list of names and URLs of the frames in the current frameset. Example: Try it out on this page. Explorer, Netscape 6+, Mozilla, Opera 7+: List Frames Netscape 4: List Frames Last upd. 5 Mar. 2004 |
Yes | |
| List Comments Opens a new window showing the <!-- comments --> found on the page. Take a look behind the scenes. Note: In Opera 8 no vertical scrollbar is shown in the window. Seems to be a bug. Explorer, Netscape 6+, Mozilla, Opera 7+: List Comments Last upd. 14 Sep. 2001 |
No | |
| Table Borders Shows borders for all tables, allowing you to easily see how the tables are structured in rows and columns. Activate it twice (or refresh the page) to remove the borders again. Explorer, Netscape 6+, Mozilla, Opera 7+: Table Borders Last upd. 14 Sep. 2001 |
Yes | |
| Form Borders Shows a dashed line around all forms. Try it on this test page. Note: The bookmarklet may produce an error if the page contains invalid HTML code. Explorer, Netscape 6+, Mozilla, Opera 7+: Form Borders Last upd. 14 Sep. 2001 |
Yes | |
| Form Info Shows a dashed line around all forms and shows additional info such as name, action, and method. Try it on this test page. Note: The bookmarklet may produce an error if the page contains invalid HTML code. Explorer, Netscape 6+, Mozilla, Opera 7+: Form Info Last upd. 28 Nov. 2004 |
Yes | |
| List Embedded Objects Shows embedded objects and their corresponding HTML code in a new window. Embedded objects are usually Flash or Java applets. Example: Try it out on this page. Note: Objects that are linked into the page in an iframe or layer will not be included. Explorer: List Embedded Objects Netscape 6+, Mozilla: List Embedded Objects Last upd. 28 Nov. 2004 |
No | |
| Execute HTML Sometimes as a web developer you come across a page that shows some script code. You would like to test the code, but there's no link to a working example, and you don't want to create a new HTML document yourself. Simply select the text you want to execute, run this bookmarklet, and a new window opens up, displaying the result. To see what I mean, open this link, select the text containing HTML code, and run the bookmarklet on that page. Note: Opera 7 deselects any selected text when you click a link. This means you must add the bookmarklet to your bookmarks in order for it to work. Explorer, Netscape 6+, Mozilla, Opera: Execute HTML Last upd. 30 Dec. 2004 |
Yes | |
| HTML Tree Shows the page's HTML structure. Netscape 6+, Mozilla: HTML Tree I've also made an extended version that shows each HTML tag's attributes (may be slow on large pages): HTML Tree w. Attributes Last upd. 23 Sep. 2001 |
Yes | |
| Generate HTML Table (This is a modified version of a bookmarklet from bookmarklets.com) Generates the HTML source for a simple table with a specific number of rows and columns. Copy the result into your HTML editor. Useful when you make home pages "by hand". Explorer, Netscape, Mozilla: Generate HTML Table Last upd. 14 Sep. 2001 |
Yes | |
| Resize to... Prompts you for a width and a height in pixels, then resizes the browser window to those values. Default is 800*600. In the prompt you can use any character you like as separator (except a number). Note: NS4 resizes itself so the inner area (the document area) fits the specfied dimensions, while all other browsers resize so the outer area (the entire browser window) fits the dimensions. All browsers except Opera: Resize to... Last upd. 3 Feb. 2003 |
Yes | |
| List Fonts Used Lists all fonts used in the current page(s). All document elements are traversed. Note: May take a few moments on large pages. Explorer: List Fonts Used Last upd. 28 Nov. 2004 |
Yes | |
| Add Stylesheet... Opens a copy of the current page in a new window. The copy uses an external stylesheet of your choice (in addition to the stylesheets already used), so you can quickly see how the page looks with different styles. You must modify the constant SSPATH in the bookmarklet to point to your stylesheet file. The file can be located remotely at a server or locally. Here's an example targeted at this site. It makes the page appear in green and Times New Roman by pointing to 'greenish.css' at this site (Explorer only): Add Stylesheet - Greenish Here are some more general stylesheets that may actually be useful (Explorer only): Add Stylesheet - 125 pct - Set font size to 125%. Here's the stylesheet. Add Stylesheet - Times New Roman - Set font to 12 pt. Times New Roman. Here's the stylesheet. Add Stylesheet - Comic Sans MS - Set font to 10 pt. Comic Sans MS (the same as this page). Here's the stylesheet. Add Stylesheet - Hilited links - Links have gray background when the mouse hovers over them. Here's the stylesheet. Last upd. 12 Feb. 2003 |
No | |
See also these bookmarklets: layout, links, navigation, debugging, search, experimental, ActiveX.
 Top of this page |
|
