Skip to main content

Quick tip: Get Firebug to display on jsFiddle

By Sam Deering

JavaScript

Share:

😳 Ever felt a little embarassed sharing your JavaScript? Let's fix it.

As most JavaScript developers know that jsFiddle is a quick way to share your code snippets online. One thing (I thought) it was missing was some Firebug Integration. If you select jQuery 1.7x (or such) there is no option for Firebug.

jsfiddle-no-firebug

But if you choose jQuery (edge) it appears! Simple, tick Firebug (lite) then click run.

get-firebug-jsfiddle

What is jQuery (edge)?

Be aware that jQuery (edge) is the jQuery nightly build from github so be aware it might produce unexpected results if you are expecting to use other versions of jQuery.

This is the link that jsfiddle uses: http://code.jquery.com/jquery-git.js
Here is the direct link from github: https://github.com/jquery

Hope this helps someone who didn’t know it was there.

Sam Deering has 15+ years of programming and website development experience. He was a website consultant at Console, ABC News, Flight Centre, Sapient Nitro, and the QLD Government and runs a tech blog with over 1 million views per month. Currently, Sam is the Founder of Crypto News, Australia.

New books out now!

💁‍♀️ Fun Fact: Python was ranked #2 on a recent highest paid coders list. *


🤓 Ok. When did a code editor from Microsoft become kinda cool!?