Skip to content
Collaborative JavaScript Debugging App
Pull request Compare This branch is 5761 commits behind jsbin:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
css
images
js
lib
.gitignore
.gitmodules
.htaccess
README.markdown
about.html
app.php
config.php
faq.html
index.php
phpMake
sprocketize.php

README.markdown

JS Bin

Build Process

JS Bin is currently designed to work offline in development mode and online in production mode - which should trigger automatically.

This is controlled through the config.php and the jsbin.js file that is pulled in. When offline, this file is generated on the fly through a php version of Sprockets (tweaked by me to support multiple base paths). The production version will be pre-built, via Sprockets & Google's closure compiler.

Collaborative JavaScript Debugging

  • Test live JavaScript with HTML and CSS context
  • Public URLs render outside of JS Bin
  • Inject major JavaScript libraries
  • Debug remote Ajax calls

Screencasts: Introduction - Ajax debugging

About

JS Bin is a webapp specifically designed to help JavaScript and CSS folk test snippets of code, within some context, and debug the code collaboratively.

JS Bin allows you to edit and test JavaScript and HTML (reloading the URL also maintains the state of your code - new tabs doesn't). Once you're happy you can save, and send the URL to a peer for review or help. They can then make further changes saving anew if required.

The original idea spawned from a conversation with another developer in trying to help him debug an Ajax issue. The original aim was to build it using Google's app engine, but in the end, it was John Resig's Learning app that inspired me to build the whole solution in JavaScript with liberal dashes of jQuery and a tiny bit of LAMP for the saving process.

It took me the best part of 4 hours to develop - so if it's shaky around the edges, let me know!

Something went wrong with that request. Please try again.