Monday, January 23rd, 2006
FireBug: “It’s not your Grandma’s Javascript Console.”
Category: Utility
FireBug is a new tool for Firefox that aids with debugging Javascript, DHTML, and Ajax. It is like a combination of the Javascript Console, DOM Inspector, and a command line Javascript interpreter.
Features
Log DOM Elements With Your Mouse
Using the “Pick Element” tool, you can click DOM Elements in the page to print them to the console. Once they are in the console you can inspect them using a simple strip of tabs.
Log Objects From The Command Line
There is a command line at the bottom of the console which allows you type in arbitrary Javascript expressions. The result of the expressions is printed to the console, where you an the inspect it further using the tabs.
Log Objects From Your Web Page Scripts
If you’ve ever wished you could tap your toes together and turn alert into printf or System.out.writeln, FireBug is your fairy godmother. It is trivial to log text or objects to the FireBug console from Javascript inside any web page. Go here to find out how.
XMLHttpRequest Spy
Each XMLHttpRequest can be automatically logged to the console, where you can inspect its response as text or xml. Not only is this extremely useful for debugging your own Ajax code, but it’s also quite fun to analyze how other web pages use Ajax!
Contextual Error Display
Unlike the the Firefox Javascript Console, FireBug’s console will only show you errors for the page that you are looking at. As you browse from page to page or switch between browser tabs, the console will follow and only show information that is relevant to that page.
Error Status Bar Indicator
Whenever a Javascript, CSS, or XML error occur, a little red indicator will appear in the Firefox status bar. Clicking the indicator will bring up the console with more detail about the errors.
Error Filtering
FireBug allows you to filter what kind of errors you want to appear in the console. This is handy for hiding all those annoying CSS errors, or errors stemming from code inside Firefox itself.
The image appears to be linking to itsself, the correct install link is:
https://addons.mozilla.org/extensions/moreinfo.php?id=1843&application=firefox
Rich,
Thanks for pointing that out! Fixed now.
Cheers,
Dion
It’s also worth mentioning that Joe H. has a badass Ajax comment system on his blog: http://www.joehewitt.com
Nice tool!
[...] FireBug: “It’s not your Grandma’s Javascript Console.�: [...]
Oh, that is seriously sweet. If I had it two hours ago, I wouldn’t have spent the last two hours quite so deep in the debugger.
[...] Ajaxian » FireBug: “It’s not your Grandma’s Javascript Console.� FireBug is a new tool for Firefox that aids with debugging Javascript, DHTML, and Ajax. It is like a combination of the Javascript Console, DOM Inspector, and a command line Javascript interpreter. [...]
This absolutely rocks!
They dó need to add ‘open in a new window’ support though… I don’t have 3 screens for nothing!
oh yeah and b.t.w. it doesn’t return anything when trying to log gmail?
[...] [via ajaxian, grazie a luca c.] [...]
[...] Via : Ajaxian Tags: ajax, console, css, debug, DOM inspector, firefox extension, javascript, programming, xmlhttprequest [...]
It’s also worth noting that the “Kick a” comment system is broken in my browser.
AJAX Debugging in Firefox
If you don’t like to use Visual Studio for debugging, or need to debug a non IE problem that you are having writing scontrols, you should check out FireBug. Read about FireBug
[...] suggest tags mapping culture tangible social hack datamining online code design architecture display electronic rfid illustration music software anti-chambre website robot theory productivity random_thoughts photography body paranoia taxonomy ai biology critics video linkcloud Firefox Extensions: FireBug[code] Firefox Extensions: FireBug FireBug is a new tool that aids with debugging Javascript, DHTML, and Ajax. It is like a combination of the Javascript Console, DOM Inspector, and a command line Javascript interpreter. (Via ajaxian.) federal.li[design] [graphic] [photography] FEDERAL FederalStudio merges the energies of competent and experienced specialists from three different media: photography, graphic design and interaction. We are committed to meeting your needs in way of visual communication by providing you with creative, up to date solutions as well as high quality service. (salut igor, aalex te passe le bonjour aussi) WE HAVE DECIDED NOT TO DIE[Main] WE HAVE DECIDED NOT TO DIE THREE RITUALS. THREE FIGURES. THREE MODERN DAY JOURNEYS OF TRANSCENDENCE. trailer (already re/blogged a while ago, but still.) Timing is everything[photography] Timing is everything - Gallery you don’t want to miss! PARK(ing)[architecture] [social] [critics] PARK(ing) Providing temporary public open space in a privatized part of town. The initial PARK(ing) intervention occurred on November 16, 2005 from noon until 2 p.m., without incident or interference from any level of institutional authority. Sort of makes you wonder what else you can do in a parking space… video (Via dizzz.) Makin Jan Ma / Makin Jan Ma[fashion] Makin Jan Ma new collection is out!!! some beautiful 5 colour prints on 4 differents materials - all that wrapped in an going film «love hurts, but everyone should fall in love». (btw, isn’t this true?) good luck makin The Postal Service and apple[video] The Postal ServiceIt has recently come to our attention that Apple Computers’ new television commercial for the Intel chip features a shot-for-shot recreation of our video for ‘Such Great Heights’ made by the same filmmakers responsible for the original. We did not approve this commercialization and are extremely disappointed with both parties that this was executed without our consultation or consent. -Ben Gibbard, The Postal Service compare by yourself:postal service music video and the apple commercial on this apple’s website page or have a look on the side by side comparisonadpulpmacworldmacnn (Via digg / apple.) WiFi-ArT.com » Korea police, army robots to debut in 5 years[robot] WiFi-ArT.com » Korea police, army robots to debut in 5 years By the 2010s, Korea is expecting to see security robots assisting police and the military, patrolling the neighborhoods, chase criminals and going on recon missions on the battlefield. The government also seeks to build combat robots. They will take the shape of a dog or a horse, with six or eight legs or wheels. (Via .) Findability: Find Anyone Or Anything From Anywhere At Any Time - Robin Good’s Latest News[rfid] [ai] [paranoïa] [culture] [datamining] Findability: Find Anyone Or Anything From Anywhere At Any Time The term ‘ambient findability’ describes a world at the crossroads of ubiquitous computing and the internet, in which we can find anyone or anything from anywhere at any time. It’s not necessarily a goal, and we’ll never achieve perfect findability, but we’re surely headed in the right direction. with a bunch of interesting links: Wolf tracking research in Spain / GPS GSM collars send position data via mobile phone Mobile social software applications Flocking (behavior) sociosemantic and taxonomies Chinese skateboarders[architecture] [critics] Chinese skateboarders: “Wired’s January 2006 issue contains a brief piece about a ‘planned metropolis’ on the outskirts of Shanghai that features a 130,000-square-foot, $26 million dollar complex for skateboarders. It sounds impressive. The only question it raises is who is actually going to use it? As Transworld Skateboarding Magazine casually observed in one of their recent travel pieces: ‘There aren’t hundreds of skaters in Shanghai. In fact we probably only came across a handful at most…’” [...]
[...] Ajaxian » FireBug: “It’s not your Grandma’s Javascript Console.� (tags: firefox ajax javascript dhtml debug) [...]
[...] http://ajaxian.com/archives/firebug-its-not-your-grandmas-javascript-console [...]
This MSNBC news clip shows a skateboarder trying to jump a car to get this stunt on TV. But he crashes badly: http://www.monkeybriefs.com/view.video.php?id=268&no=10743
I don’t like to use Visual Studio for debugging, I agree, FireBug is excellent.
Firebug is quick and convenient