jsshell - Chrome Extention - Why it rocks!

How many times when you are writing JavaScript do you write out some code into your IDE then reload your webpage to see if the code is working? I did and its a massive waste of time switching between your IDE and browser.

Wouldn't it just make more sense to be able to write the code directly inside a shell attached to your browser and have it execute the code on the current page without reloading it? Once you have your desired behavior then it's just a quick copy and paste back into your IDE.

jsshell_screenshot_001.png

Well you can with jsshell the JQuery shell for google chrome. It is absolutely awesome and speeds up my workflow no end when writing client side script using JQuery. Download the chrome extension here.

Wednesday, 11th May, 2011 By Daniel Watson (jsshell, jquery, productivity, tools)
Tweet Me | Link To Facebook
Jerod Santo
Wednesday, 11th May, 2011
gravatar 
It looks cool and all, but what is wrong with the console that ships with Chrome's built-in Web Inspector? Does jsshell offer any features that it does not have?
Dan Watson
Wednesday, 11th May, 2011
gravatar 
I actually think it does give you something more than the built in console that ships with chrome. For me it is the variable suggestion and complete. If your building complex web application's trying to remember all of your dom's id and class names plus also trying to remember all the JQ functions clutters my mind. I just want to think about the task in hand and not flip between my browser / IDE. As I said it's all about productivity and for me this is a productive plugin that speeds up my client script development time. 

Removing the comment from Adam because sarcasm will NOT be tolerated on this blog. It's not big or clever. In fact it is the least intelligent form of criticism.
Luke
Wednesday, 11th May, 2011
gravatar 
Hmm, my version of Chrome's Developer Tools has variable suggest and complete.
Dan Watson
Thursday, 12th May, 2011
gravatar 
Hi Luke. Sorry I should have been clearer. Its the JQ autocomplete for function names that I find really useful as well as the dom element id names and class names. Until just now I didn't realise the standard dev tool kit had autocomplete for JavaScripts standard method names. I find that this tool gives me a better insite into the markup without having to go digging through the source.

Month List

Tag Cloud