jQueryPad

You are looking at revision 1 of this page, which may be out of date. View the latest version.

jQueryPad is a fast JavaScript and HTML editor. Just start it, enter the HTML you want to work with, bash in your jQuery code, and hit F5 to see the results. Say goodbye to ALT+TAB.

Download

jQueryPad screenshot

jQueryPad is xcopy deployable. It's written in WPF and uses the Web Browser Control to embed Internet Explorer for testing the script. When you press F5, the HTML and JavaScript are combined into one file and rendered. The template also references jQuery, so the jQuery functions are available.

If you want to use a different version of jQuery or reference other files, just replace the files in the Templates directory.

Hope you find it useful - feature suggestions are welcome.

Last revised: 08 Oct, 2009 03:19 PM History
You are looking at revision 1 of this page, which may be out of date. View the latest version.

Trackbacks

Discussion

Michael J. Heier
Michael J. Heier
08 Oct, 2009 05:32 PM

We are running jQueryPad on Windows XP SP3. The application fails to open, after throwing a System.IO.FileFormatException.

Error Signature:

EventType : clr20r3 P1 : jquerypad.exe P2 : 1.0.0.0 P3 : 4ace02bc P4 : presentationcore P5 : 3.0.0.0 P6 : 488f140b P7 : 4e2b
P8 : 6 P9 : system.io.fileformatexception

08 Oct, 2009 05:37 PM

Hi Michael,

I suspect you might not have .NET Framework 3.5 Service Pack 1 installed - can you verify this?

Paul

08 Oct, 2009 05:51 PM

Hi Paul,

Getting an exception on startup. Here's the details:

System.IO.FileFormatException was unhandled
  Message="The image format is unrecognized."
  Source="PresentationCore"
  StackTrace:
       at System.Windows.Media.PixelFormat.GetPixelFormat(SafeMILHandle bitmapSource)
       at System.Windows.Media.Imaging.BitmapSource.UpdateCachedSettings()
       at System.Windows.Media.Imaging.BitmapSource.set_WicSourceHandle(BitmapSourceSafeMILHandle value)
       at System.Windows.Media.Imaging.BitmapFrameDecode.FinalizeCreation()
       at System.Windows.Media.Imaging.BitmapSource.CompleteDelayedCreation()
       at System.Windows.Media.Imaging.BitmapSource.get_PixelWidth()
       at MS.Internal.AppModel.IconHelper.GetBestMatch(ReadOnlyCollection`1 frames, Int32 sysBitDepth, Int32 width, Int32 height)
       at MS.Internal.AppModel.IconHelper.GetIconHandlesFromBitmapFrame(Object callingObj, BitmapFrame bf, IconHandle& largeIconHandle, IconHandle& smallIconHandle)
       at System.Windows.Window.UpdateIcon()
       at System.Windows.Window.SetupInitialState(Double requestedTop, Double requestedLeft, Double requestedWidth, Double requestedHeight)
       at System.Windows.Window.CreateSourceWindowImpl()
       at System.Windows.Window.SafeCreateWindow()
       at System.Windows.Window.ShowHelper(Object booleanBox)
       at System.Windows.Window.Show()
       at jQueryPad.App.OnStartup(StartupEventArgs e) in e:\Tools\TeamCity\buildAgent\work\26037d54ced9b73b\jQueryPad\App.xaml.cs:line 41
       at System.Windows.Application.<.ctor>b__0(Object unused)
       at System.Windows.Threading.ExceptionWrapper.InternalRealCall(Delegate callback, Object args, Boolean isSingleParameter)
       at System.Windows.Threading.ExceptionWrapper.TryCatchWhen(Object source, Delegate callback, Object args, Boolean isSingleParameter, Delegate catchHandler)
       at System.Windows.Threading.Dispatcher.WrappedInvoke(Delegate callback, Object args, Boolean isSingleParameter, Delegate catchHandler)
       at System.Windows.Threading.DispatcherOperation.InvokeImpl()
       at System.Windows.Threading.DispatcherOperation.InvokeInSecurityContext(Object state)
       at System.Threading.ExecutionContext.runTryCode(Object userData)
       at System.Runtime.CompilerServices.RuntimeHelpers.ExecuteCodeWithGuaranteedCleanup(TryCode code, CleanupCode backoutCode, Object userData)
       at System.Threading.ExecutionContext.RunInternal(ExecutionContext executionContext, ContextCallback callback, Object state)
       at System.Threading.ExecutionContext.Run(ExecutionContext executionContext, ContextCallback callback, Object state)
       at System.Windows.Threading.DispatcherOperation.Invoke()
       at System.Windows.Threading.Dispatcher.ProcessQueue()
       at System.Windows.Threading.Dispatcher.WndProcHook(IntPtr hwnd, Int32 msg, IntPtr wParam, IntPtr lParam, Boolean& handled)
       at MS.Win32.HwndWrapper.WndProc(IntPtr hwnd, Int32 msg, IntPtr wParam, IntPtr lParam, Boolean& handled)
       at MS.Win32.HwndSubclass.DispatcherCallbackOperation(Object o)
       at System.Windows.Threading.ExceptionWrapper.InternalRealCall(Delegate callback, Object args, Boolean isSingleParameter)
       at System.Windows.Threading.ExceptionWrapper.TryCatchWhen(Object source, Delegate callback, Object args, Boolean isSingleParameter, Delegate catchHandler)
       at System.Windows.Threading.Dispatcher.WrappedInvoke(Delegate callback, Object args, Boolean isSingleParameter, Delegate catchHandler)
       at System.Windows.Threading.Dispatcher.InvokeImpl(DispatcherPriority priority, TimeSpan timeout, Delegate method, Object args, Boolean isSingleParameter)
       at System.Windows.Threading.Dispatcher.Invoke(DispatcherPriority priority, Delegate method, Object arg)
       at MS.Win32.HwndSubclass.SubclassWndProc(IntPtr hwnd, Int32 msg, IntPtr wParam, IntPtr lParam)
       at MS.Win32.UnsafeNativeMethods.DispatchMessage(MSG& msg)
       at System.Windows.Threading.Dispatcher.PushFrameImpl(DispatcherFrame frame)
       at System.Windows.Threading.Dispatcher.PushFrame(DispatcherFrame frame)
       at System.Windows.Threading.Dispatcher.Run()
       at System.Windows.Application.RunDispatcher(Object ignore)
       at System.Windows.Application.RunInternal(Window window)
       at System.Windows.Application.Run(Window window)
       at System.Windows.Application.Run()
       at jQueryPad.App.Main() in e:\Tools\TeamCity\buildAgent\work\26037d54ced9b73b\jQueryPad\obj\Debug\App.g.cs:line 0
  InnerException: System.Runtime.InteropServices.COMException
       Message="Exception from HRESULT: 0x88982F07"
       ErrorCode=-2003292409
       InnerException:

I'm running Vista, with .NET 3.5 SP 1 installed. I also have VS 2010 beta installed with the .NET 4 beta (if that has anything to do with it).

08 Oct, 2009 09:55 PM

I believe the bug may have been to do with this connect issue. I've changed the icon to an XP compatible one - can you try it out?

Dan
Dan
09 Oct, 2009 06:33 AM

Hi,

You have to delete the folders created when running the scrips.. I see that when ever I hit F5, a new one is created here: file:///C:/Users/daniel/AppData/Local/jQueryPad/

Or at least, use the same folder per session..

Other than that, the tool is quite nice and handy.

Mike G
Mike G
09 Oct, 2009 03:15 PM

Looks promising however is there anything like this for Mac OSx Snow Leopard?

Vladimir
Vladimir
09 Oct, 2009 04:21 PM

Awesome! Thanks!

Alex
Alex
09 Oct, 2009 05:39 PM

Under win XP path to temporary file is c:\documents and settings.... When pressing button to open in some browser I've got a dosen of tabs opened. First URL is c:\documents, second is and, third is settings... and so on for any space in path

Light
Light
09 Oct, 2009 05:58 PM

True!

Alex
Alex
10 Oct, 2009 02:29 AM

It works like a charm on XP SP2!

Thanks for so useful tool!

Hope in the future it will be avalaible also for MAC...

10 Oct, 2009 03:38 AM

Hi Alex, the bug with spaces in the URL is fixed - please try downloading it again.

Tony Cavaliere
Tony Cavaliere
10 Oct, 2009 03:46 AM

Looks look a great tool!

I'm running window 7 and have run jQueryPad in XP compatibility mode (SP2 and SP3) and also natively in W7. The app hangs while I'm editing in the HTML window. I can get to have everytime

  1. place cursor at the end of the line with </div>
  2. start deleteing characters one a time

The program will hang (not respond).

10 Oct, 2009 04:08 AM

Hi Tony, thanks for reporting that bug. It is due to the text editor component I'm using - if the language is HTML it caused it to crash. I've changed it to XML and re-released (just download it again) - this seems to fix the problem.

Shai
Shai
10 Oct, 2009 06:53 PM

Look very nice , can you have Silverlight version ?

happy developer
happy developer
12 Oct, 2009 06:30 AM

That is awesome! The only thing, that can make this tool even more cool is intellisense... :-)

Dee
Dee
14 Oct, 2009 11:49 PM

Thanks Paul for this excellent tool. We were introduced to it at one of the sessions at Microsoft Tech Ed New Zealand, and I'm glad I've managed to find it. My team here uses it extensively now to allow them to play with jquery.

Regards Dee ps. I second the request for intellisense ;-)

Seba
Seba
15 Oct, 2009 08:25 AM

Gr8 tool, Thanks

20 Oct, 2009 10:06 AM

Great tool man it Rocks.........

Majid
Majid
03 Nov, 2009 12:36 AM

Hi Paul. Had no luck with it :(

This is what I get:

alt text

Kev
Kev
10 Nov, 2009 10:25 AM

When I launch jQueryPad on Windows 7 Ultimate I can't seem to edit text in either of the text boxes. I'm guessing that when I open jQueryPad it should have the same HTML and script as the screenshot above?

When I open jQueryPad I get the following and when I place the editor carat in either of the textboxes my edits disappear. Here's a screenshot of jQueryPad when it starts:

jQueryPad

22 Nov, 2009 09:20 PM

Hi Paul Got JqueryPad installed and can't wait to get going with it. Came across your web site by pure coincidence. I didn't realize there was such software out there. Anyway, when I try to open jquerypad I get a friendly but not so helpful message saying: "JqueryPad has stopped working". "Check online for a solution and close the program" and "Close the program" I am still a web design student so "checking online" is not an option because I know from experience that I will just get bogged down in post # 1004582987@#$ in one of only 3 or 4 million MSDN forums available and I will be totally lost. So I need help from from an expert like you. Btw, here is a list of error messages I also get every time I try to open jquerypad:

Description: Stopped working

Problem signature: Problem Event Name: CLR20r3 Problem Signature 01: jquerypad.exe Problem Signature 02: 1.0.0.0 Problem Signature 03: 4ae29b4d Problem Signature 04: NVelocity Problem Signature 05: 1.0.3.0 Problem Signature 06: 48bcfc3a Problem Signature 07: 490 Problem Signature 08: dc Problem Signature 09: UP3WDY43ZSBUPMBYYASEKVAYOYOWUCDE OS Version: 6.0.6002.2.2.0.768.3 Locale ID: 1033

Read our privacy statement: http://go.microsoft.com/fwlink/?linkid=50163&clcid=0x0409

I am not sure what they all mean or what I should do about it. I run Vista Home Edition and have .NET Framework 3.5 SP1 installed. Paul, your help would be appreciated because I think your software fills a vital gap in a web designer's tool box. Thank you in advance. Jurgen

Ryan
Ryan
16 Dec, 2009 02:18 PM

Hey - your download link is returning a 404..

26 Mar, 2010 08:09 PM

Landed through a tweet, this looks great. Thanks for sharing!

Adam Roderick
Adam Roderick
26 Mar, 2010 08:15 PM

Great work, Paul

Tony
Tony
26 Mar, 2010 08:17 PM

FYI..

Scott Hanselman tweeted about this. Probably why site is so slow?

Scott Hanselman - Wow, it's jQueryPad! I'll use this every day: http://www.paulstovell.com/jquerypad 3/26/2010 3:04:10 PM

26 Mar, 2010 08:18 PM

Landed on the page through a tweet, great stuff. Thanks for sharing!

VF
VF
26 Mar, 2010 08:42 PM

Seeing the same issue "Kev" mentioned, above. Was really excited by this idea, so if anyone has a solution, I'd greatly appreciate it!

26 Mar, 2010 10:03 PM

Very nice - seems very lightweight, quick on my netbook - and makes doing quick tests very simple. Do you intend on expanding the functionality?

Some nice features might be:

  • Have template tags that can output jQuery and Javascript codeblocks, such as

    (template:jquery version="1.4)

    (template:googleanalytics userid="USERID")

  • Save out HTML and JavaScript to these templates
  • Export out project as website, copying all files out

I think if you keep it as simple as it is, and add features like this, jQueryPad could become a very powerful little editor

Gabriel
Gabriel
26 Mar, 2010 10:56 PM

Autocomplete for jquery, please

28 Mar, 2010 06:32 PM

Intellisense please! :)

DEEJAY
DEEJAY
29 Mar, 2010 01:34 PM

а по Русски ? Есть Русский язык ??

29 Mar, 2010 01:44 PM

A very useful tool

29 Mar, 2010 02:12 PM

Hi, Thanks for this lovely tool. Downloaded it and ran it. Works like a charm. Going to play with it some more...

regards, Ratish

31 Mar, 2010 04:48 PM

cool, very cool tool

10 Apr, 2010 05:22 AM

That's grate,It seams like LINQPAD ! Best regards


23 Apr, 2010 08:43 AM
15 May, 2010 04:42 PM

Great tool, I use it with Windows 7 Ultimate. Thanks for sharing!

Sooriya
Sooriya
17 Jun, 2010 05:41 AM

Hi Paul,

When i try to run it , it thrown the following

"jQueryPas has encountered a problem and need to close."

i am using xp pro sp3.

Dev Net
Dev Net
18 Jun, 2010 06:16 AM

I was looking for something like LinqPad for other html snippets and after my unfruitful search, I was about to implement a basic functionality like this for myself when I found this. Thanks a lot for giving another one of those must have utilities in my toolbox.

u
u
30 Jun, 2010 05:10 AM

无法自定义CSS,希望加一个能编辑CSS的框

leqi
leqi
21 Jul, 2010 01:34 AM

The application may exit while you input <>

Arie
Arie
13 Aug, 2010 06:49 AM

Hi Paul,

I'd like to work with this tool, but download does not seem to work.

thanks

Arie
Arie
16 Aug, 2010 08:51 PM

Thanks, link seems to be working again.

It would be great to have a multiplatform version using Silverlight 4 (out of browser) using its new RichTextBox and Browser controls.

17 Aug, 2010 04:03 PM

What a great idea. I've been wishing for something like this to stick on my eeePC.

Now I've got LinqPad, jQueryPad, IIS Express, SQLite. Happy days.

Nice work!

larry
larry
21 Aug, 2010 02:58 AM

Getting this error:

Locating source for 'e:\BuildAgent\work\26037d54ced9b73b\jQueryPad\App.xaml.cs'. Checksum: MD5 {4b f6 a7 46 14 8c 3c 88 93 83 29 bd a0 a3 a5 6b} The file 'e:\BuildAgent\work\26037d54ced9b73b\jQueryPad\App.xaml.cs' does not exist. Looking in script documents for 'e:\BuildAgent\work\26037d54ced9b73b\jQueryPad\App.xaml.cs'... Looking in the projects for 'e:\BuildAgent\work\26037d54ced9b73b\jQueryPad\App.xaml.cs'. The file was not found in a project. Looking in directory 'E:\Program Files\Microsoft Visual Studio 10.0\VC\crt\src\'... Looking in directory 'E:\Program Files\Microsoft Visual Studio 10.0\VC\atlmfc\src\mfc\'... Looking in directory 'E:\Program Files\Microsoft Visual Studio 10.0\VC\atlmfc\src\atl\'... Looking in directory 'E:\Program Files\Microsoft Visual Studio 10.0\VC\atlmfc\include\'... The debugger could not locate the source file 'e:\BuildAgent\work\26037d54ced9b73b\jQueryPad\App.xaml.cs'.

larry
larry
21 Aug, 2010 03:05 AM

I've got .NET Frameworks 2.0, 3.5 SP1, 4.0.

Everytime i try to open the .exe it gives the

'JQueryPad has encountered a problem and needs to close...' Please tell Microsoft.... etc..'

I have the files on my root drive [E:].

Don't know what the issue is ?

AJ
AJ
01 Sep, 2010 10:34 PM

Hi Paul,

Awesome tool :)

Are you also planning to release the source code?

-AJ

Your Comments

Used for your gravatar. Will not be public.

Posting code? Indent it by four spaces to make it look nice. Learn more about Markdown.

Preview