Mini jQuery Lab Online
Mini jQuery Lab is a handy HTML page to test simple Javascript and jQuery. It is useful when you want to verify uncertain Javascript syntax or test new jQuery APIs you just learned.
Write CSS, document.body's HTML and script, then you can see the result by one click, it's faster and easier to get answer then using Visual Studio 2008 or other powerful but compicated IDE.
This test page is originally a demonstration tool in my jQuery tutorials on MSDN Taiwan. After posting the introduce of Mini jQuery Lab, I was surprised that serveral friends inquired about its download and license issue, as well as I had plan to enhance the features for the future tutorials, so I decide to turn it to be an online service to provide the latest version of Mini jQuery Lab to Internet, you can find it on http://www.darkthread.net/MiniJQueryLab.
The usage of Mini jQuery Lab is quite simple, just input CSS styles, body's HTML tags, and type Javascript code in three separated textareas, click "Execute" button, then you get the result (or the answer). The jquery.1.3.1.js is included and the code you type will be included in a $(function() { ... }); block, so you can use $() directly.
The "View HTML Source" button on the top will the show the final full-page HTML source, you can use SyntaxHighlighter's powerful clipboard feature to save it as a standalone web page for latter test.
Elijah Manor has an excellent introduction about Mini jQuery Lab, too.
If you find any bug, have any suggestion or idea, please leave your comment here.
Revision Notes
Ver 1.2 on 2009-2-14
** Make view HTML source function workable on Firefox
** Add "About" link with ThickBox plugin for online version