In this topic:

Bookmarklets

Bookmarklets (favelets) are small javascript-based codes saved in form of bookmarks (that's why it has its name from), which can be executed at any time later by clicking on that bookmark. Bookmarklet's code usually is executed in context of the current web page.

Bookmarklets will save your valuable time in case you need a quick search for a word or a phrase highlighted on a web page, check it in dictionary or thesaurus. They are useful in case you need to add a new functionality to your web browser, or perform professional tasks as a web developer or you need to investigate some already published sites. In many different and unexpected cases you may find it useful and handy. Feel free to use all bookmarklets provided on this web page and good luck in your way of organizing your work with it.

Back to topHow to use it

To test bookmarklet - just press its button. You'll see action performed by it. If you find bookmarklet interesting - save it in your Favorites for later use.

To save bookmarklet in Favorites right-click on desired button and choose "Add to Favorites..." item.

Note:

Search engine bookmarklets enable you to query a search engine without having to load the engine's home page. In case you need a search - you may highlight search criteria first and then open corresponding bookmarklet, or you may call the link without having any highlighted text - you will be prompted for your particular query input.
Usually you'll get about 100 (or 50) entries per page (if there are so many, of cause).

General

Google - phrase
Makes general search by Google. Search will be performed for a particular phrase.

Yahoo! - phrase
Makes general search by Yahoo. Search will be performed for particular phrase.

Google - Government
Makes search by Google in Government sites.

FirstGov - phrase
Makes Federal search for a particular phrase.
FirstGov allows users to browse a wealth of information -- everything from researching at the Library of Congress to tracking a NASA mission. It also enables users to conduct important business online -- such as applying for student loans, product recall notices, tracking Social Security benefits, comparing Medicare options and even administering government grants and contracts. This monumental breakthrough in one-stop shopping for government services will help Americans across the country and around the world find the information and resources they need at a click of a mouse -- quickly and easily.

In Site

Google - in this site
Makes search for particular query in the current site by Google. Restricts search to the current site only.

Google - CodeProject
Searches CodeProject for a specific phrase. Search will be done by Google.

DevX.com
Searches DevX site for a specific phrase. Search will be done by DevX itself.

Software Related

Google - all MS sources
Searches whole Microsoft site for a specific phrase. Search will be done by Google.

Google - MSDN
Searches Microsoft MSDN site for a specific phrase. Search will be done by Google.

Google - MS KBs
Searches Microsoft KB support site for a specific phrase. Search will be done by Google.

Google - MS KBs by #
Searches Microsoft KB support site for a specific article number. Search will be done by Google.

Google - Linux
Searches all Linux sources for a specific phrase. Search will be done by Google.

Language

Lookup @ Google Glossary
Shows definition of a word. Definitions are performed by Google.

Lookup @ Wikipedia
Opens Wikipedia - free encyclopedia - and shows its definition for a requested word.

Lookup @ Thesaurus (Roget)
Opens Thesaurus.com web page and shows its definition(s) for a requested word.

Lookup @ Dictionary.com
Opens Dictionary.com web page and shows its definition(s) for a requested word.

Lookup @ OneLook (multidict.)
Opens OneLook web page and shows results of the search in multiple dictionaries for a specific word.

Lookup @ Merriam-Webster
Opens Merriam-Webster Online web page and shows definition of the requested word.

Special

eLibrary (news)
Opens eLibrary web page and makes a search in extensive archive -- a vast collection of articles from leading publications, updated daily and going back as far as 20 years.

Find CD in CDDB
Opens CDDB web page and makes search for a requested music record.

List of Lists
Opens List of Lists web page and makes search for a requested software tool/utility.

Back to topUser Tools

Protection

Allow Mouse Actions
Restores right-click menu functionality of your browser as well as ability to highlight and copy text from the browser window.
Some poorly designed sites may try to take right-click menu from users and applying this bookmarklet allows frustrated users to return it back. Especially useful to those users who add many new useful for them items in right-click menu and want to use it, and/or use standard items like for example View Source or Save Picture as...

Size - back
Restore size of the browser to your preferable size.
Some sites love to change size of browser and this bookmarklet allows user to return it back with ease. User may set it's own preferable size by editing bookmarklet's URL property. To do so open bookmarklet's properties (find it in your Favorites folder) and change values in brackets to your preference. First value represents width of the browser window, while the second one - its height. Feel free to play with it.

Show Cookies
Shows cookies that have been created by the site. You may save it in clipboard for further analysis.

Show URL in status bar
Shows URL(s) in browser's status bar.
Useful to prevent scripts from replacing the destination URL in the browser's status bar.

Images - hide%show
Toggles images between visible and hidden state.
Useful in cases when images on web page are too intrusive...

Background img - hide%show
Toggles background images between visible and hidden state.
Useful in cases when background image on web page interferes to read text.

Zap Images
Removes images from the page allowing to see it in clear text form.
Bookmarklet replaces <img> tag with its alt text. Example of image - test image.

Zap Plugins
Removes java, flash, background music, and third-party iframes.
Excellent for intrusive Flash ads.
Source: Squarefree

Zap
Removes underlines from links, images, iframes(these usually hold rich media ads).
Source: Smokinggun

User Convenience

Selection - open in new
Opens selected (highlighted) part of web page in a new browser.

Highlight the word
Highlights in yellow all occurrences of query word in current web page.
You may manually highlight the query word or a phrase first and then call the bookmarklet. In the status bar you'll see accumulated number of all found matches.

Link to this Page
Makes link to the current page. Link is in HTML format and it is ready to be pasted into any HTML document.
It is useful tool to those users who prefer to save important links in HTML-based files.

Title » clipboard
Takes web page title and puts it into clipboard.
Helps in cases when title differs from header(s) on the web page, and you need to copy it.

Next bookmarklet shows anchors on the current web page in bright yellow color.
It's useful in case if you need to point in your link to a particular place of web page. If web page has anchors you can create link in format: <a href="http://www.domain.tld/page.html#anchor">My link</a>. When you click on the link web browser will open page and point directly to that anchor saving your time. It's especially convenient in case of long web pages. Keep in mind that not all web pages may assign anchors to important page places (beginning of paragraphs, tables, pictures, etc.). In this case you're out of luck. But if developer of web page thought about you earlier and placed those anchors in web page - you may see and use them with this bookmarklet.

There are two versions of Show Anchor bookmarklet. They differ in a way they display anchor relating to the element it's assigned to. You may use any of those taking one which you think is more convenient for you. Try and see the dirrerence.

Show Anchors
It shows anchor at the end of the actual element with anchor.

Show Anchors
It shows anchor as a separate element that is right in front of the actual element containing anchor.

Visited links - hide%show
Toggles between hiding visited links and showing them.

Visited links - red%norm
Toggles view of visited links between its native color and red.
It's useful in case if default color of visited links is not visible enough on the page and you need to see it with greater color contrast.

Show Referrer
Shows referring web page (if such exists). You may pretend - you've forgot where you come to this page from it's funny.

B&W % color
Toggles view of the page between black/white and normal colored representation.

Zoom +
Provides zoom in of text and images on web page. Works with IE6.

Zoom -
Provides zoom out of text and images on web page. Works with IE6.

Zoom 0
Restore original size of text and images on web page. Works with IE6.

Std size
If browser's size was somehow changed this bookmarklet sets IE size back to its "standard" size - 950x1080. If you want to set size to 730x930 use this bookmarklet, or just change its parameters as you wish by editing it appropriately.

Site Check

Google - all pages @site
Shows all pages of the site/domain in Google records.

Google - backlinks to page
Shows all web pages that have links to the current page in Google records.

a-t-web - backlinks to site
alltheweb search for all backlinks to the whole site/domain.

a-t-web - backlinks to page (ext)
alltheweb finds all web pages that have backlinks to the current web page. Search will exclude pages with links from the current site/domain itself ("external" backlinks only).

a-t-web - backlinks to page (int)
alltheweb finds all web pages in scope of own site/domain that have links to this web page ("internal" backlinks only).

WayBack - site
Searches for site/domain records in Wayback Machine archive.

WayBack - page
Searches for web page records in Wayback Machine archive and shows the latest one.

Web history (Netcraft)
Get OS, Web Server and Hosting History for site.

WhoIs by Name.Space
Uses Name.Space web site to make search.

Last Updated
Shows when the current web page was last updated and in what compatibility mode it was rendered.

Page Details
Shows current web page details.

Back to topDeveloper

Validators

Validate HTML (W3C)
Validates web page using W3C Markup Validation Service.
Allows check both published web pages (running on a web serer) and local HTML files. In the last case - you'll be prompted with dialog showing file name. If you choose to check the file - its name will be placed into clipboard and W3C Markup Validation Service web page will be opened. You have to paste the file name from clipboard into File field and press Validate this file button to make the validation check.

Validate HTML (current page)
Validates web page using W3C Markup Validation Service.

Validate HTML (WDG)
Validates web page using WDG HTML Validatior.
Allows check both published web pages (running on a web serer) and local HTML files. In the last case - you'll be prompted with dialog showing file name. If you choose to check the file - its name will be placed into clipboard and WDG HTML Validator web page will be opened. You have to paste the file name from clipboard into File field and press Validate it! button to make the validation check.

Validate CSS (W3C)
Validates web page using W3C CSS Validation Service.
Allows check both published web pages (running on a web serer) and local CSS files. In the last case - you'll be prompted with dialog showing file name. If you choose to check the file - its name will be placed into clipboard and W3C CSS Validation Service web page will be opened. You have to paste the file name from clipboard into Local file: field and press Submit this CSS file for validation button to make the validation check.

Validate HREF (W3C)
Validates web page using W3C Link Checker Validation Service.
The link checker reads an HTML or XHTML document and extracts a list of anchors and links. It checks that no anchor is defined twice. It then checks that all the links are dereferenceable, including the fragments. It warns about HTTP redirects, including directory redirects. It can check recursively a part of a Web site.
Service works only on published wen pages (running be web server).

Validation services and links:

Source Analysis

Get innerHTML
Gets internal HTML code of the web page. Useful for its analysis.

View Source
Opens default viewer with source code taken from the current page.
Useful for web page analysis in case if other possibilities are closed.

HTML Tree
Shows the page's HTML structure.
Provided bookmarklet is based on modified HTML Tree code to fit IE 6.0 requirements.

HTML Attr Viewer
Shows all page's HTML attribute names and its values.
Source: Slayeroffice. Ver.: 1.0

Show Comments
Opens a new window showing the <!-- comments --> found on the page. Take a look behind the scenes.
Source: Subsimple

Web Page Speed Report
Test web site speed with free web-based Web Page Analyzer. It will calculate page size, composition, and page download time. The script calculates the size of individual elements and finds the total for each type of web page component. Based on these page characteristics the script then offers advice on how to improve page display time and website speed.

Page Elements

DOM Browser
An advanced tool for browsing a page's DOM objects. Double-click the desired child object in the list to inspect it. Navigate forwards and backwards. Very powerful and very handy when you debug web pages.
Note: this bookmarklet works online and it loads browsedom.js file from remote site every time you run it. To avoid it - place this file locally on your computer and fix bookmarklet to point to it.
Source: Subsimple

List Classes
Lists classes used in the document.
Source: Squarefree

Show DIV's with classes
Highlights all DIV tags with a red border and labels each one with an ID.
Bookmarklet is based on modified Show and label divs with classes code.

Show ancestors
Shows the ancestors of page elements in status bar while you hover mouse over web page.
Provided bookmarklet is based on modified ancestors code.

MO DOM Inspector
Shows properties of any HTML element on a page simply by mousing over the element.
The element will be given a gray background (feature can be toggled by pressing B key), and a DIV element that trails the mouse cursor will contain the element type along with all of the specified attributes of the element. Hit the "esc" key to turn the bookmarklet off.
Hitting the "up" arrow will freeze the info box over the current element. Mousing over the node hierarchy will pop a seperate info box containing data relevant to the parent element.
Pressing the V key while over an element will pop a textarea at the mouse coordinates containing the innerHTML of that element. You are free to modify the HTML in the textarea. A link below the textarea, upon being clicked, will apply the new HTML to that element. Hitting the [esc] key will close the textarea. Hitting [esc] with the textarea closed will kill the bookmarklet.
Note: this bookmarklet works online and it loads two files from remote site every time you run it. To avoid it - place files (modi.js and modi.css) locally on your computer and fix bookmarklet to point to it.
Source: Slayeroffice. Ver.: 1.5

MO DOM Inspector v2
Improved MO DOM Inspector version 2.
Source: Slayeroffice. Ver.: 2.0

Add borders
Adds a green border around each element on the page.
Source: Squarefree

Show Table Borders
Shows borders for all tables on the page.

Topographic view
Shows the nesting level of every element using shading.
Shades the BODY element black, children of the body dark gray, and so on for up to fifteen layers of nesting. Beyond sixteen layers of nesting, shades every element pink (instead of white).
Source: Squarefree

Tools

HTML - encode
Encodes the text from a regular text format to HTML-based style of code.
Bookmarklet encodes special characters in the specified string and puts the new string into clipboard. It encodes spaces, punctuation, and any other character that is not an ASCII alphanumeric character, with the exception of these characters: * @ - _ + . /. These characters are replaced with %xx encoding, where xx is equivalent to the hexadecimal number representing the character.

HTML - decode
Decodes the text from HTML-based style of code to a regular text.
This bookmarklet performs an opposite coding transformation to the HTML - encode bookmarklet above.

Toggle CSS
Toggles CSS between enabled and disabled state.

Ruler
Shows coordinates of mouse pointer and allows make various space measurements.
Note: this bookmarklet works online and it loads ruler_ie.js file from remote site every time you run it. To avoid it - place that file locally on your computer and fix bookmarklet to point to it.
Source: Slayeroffice. Ver.: 1.1

Render page slowly
Opens a new window and renders current page with slow speed, so you can see how the process goes. You can specify how many characters will be interpreted at a time. The slowest speed is with setting parameter to 1. Watch the progress on status bar.
Provided bookmarklet is based on modified clone slowly code.

Checking Site

HTTP GET response
View HTTP Request and Response Header using Web-Sniffer, as well as content of the page.

Additional useful resources you may find in these sites:


Home

Last modified - 2012-01-10
©2004-2012 Gate2NET