Favlets are actually a small JavaScript code prefixed with “javascript:” which are store as URL in hyper link. Interesting thing about Favlets is that you can directly run this script from address bar of your browser and so you can save this script as URL and store it in your Favorites folder, and that’s why these Javascript code is called Favlets.
The beauty of Favlets is that it can access any part of page currently open in your browser. To elaborate that, it means that now you can get any element of existing open page in some variable and then you can use that variable to display its property or to modify its property.
How to install Favlets?
Well, it’s a simple as book marking this page to your favorites. Simply drag any Favlets link in your Link or Favorites folder. Now open any web page in browser and click the Favlets.
Here is the small tutorial on installing Favlets in your browser:
How to use favlets
Bookmarklets – Browser Power
About Bookmarklets
Here is the list of Favlets from my web development tool box:
Source: Slime
View Tables – Creates a thin blue border around every <table> element on the page, and a thin green one around table cells. Useful for figuring out old table layouts.
View Divs – Creates a thin red border around every <div> element on the page. Often useful to see how the browser is handling CSS.
Execute JavaScript Code – The ultimate favelet. Allows you to execute any JavaScript code that you want to.
Display Properties of Object – Displays all of the properties of a given object (for example, document.body, window.navigator, or document.getElementById(‘myelem’)). If there are too many properties to display on separate lines, they are displayed on a single line and separated with “|||.” Exact result is browser-dependant. Useful for debugging scripts.
Source: Favlets
Elements Inspector – Shows the properties of any HTML element on
mouseover. “ESC” key turns the favlet off.
Source: W3C
Validate This Page – This is the basic “Validate This Page” Favelet. It simply submits the URL for the currently viewed page to the Validator for processing. Results appear in the same window.
Source: Squarefree
Read Cookie for Site – Shows cookies stored by the page you’re viewing.
Some Other Links:
About Bookmarklets
Page Data bookmarklets
Blog Remote Posting Bookmarklet
Bookmarklets
Developer Bookmarklets
Bookmarklets
Bookmarklets and other useful things for IE’s Links bar