ColdFusion 8 - Ajax Debugger

I was just running the ajax examples from Ben Forta for ColdFusion 8 and I noticed that I could add ?cfdebug to the end of the URL in order to see the inline AJAX debug screen. The ColdFusion team over at Adobe have built it in to help our now Web 2.0 ajax'ed coding lives.

Its a pretty cool little gizmo. Every piece of action that happens is loaded into the window, just like you would expect to see in Firebug.

Each statement or bit of information has a colour coded status to it, debug (dark red), info (green), error (red) or window (yellow), each with its own check box allowing you to filter the information at hand.

The information is then further broken down into 4 categories. Global, LogReader, widget and http.

HTTP deals with any calls made to the server, CFC invocations, and shows data sent and received.

info:http: CFC invocation response: ["Man in Jeans","Man on Stool","Mary","Melon","Michael","Miro","Mom","Morning Forest","Morph","Mountains","Music","My Venus","Mystery"]

info:http: HTTP GET /cf8/ajax/suggester.cfc?method=lookupArt&returnFormat=json&argumentCollection=%7B%22search%22%3A%22ma%22%7D&_cf_nodebug=true&_cf_nocache=true

info:http: Invoking CFC: /cf8/ajax/suggester.cfc , function: lookupArt , arguments: {"search":"ma"}

Widget covers the form elements or bits generated by cf tags such as an auto suggester or cftree.

info:widget: Fetching data for autosuggest id: artname2 , current value: 'ma'

Global covers anything that happens in the window but is not generated from the CF ajax libraries. And LogReader covers the magic widget you are looking at.

info:LogReader: LogReader initialized

info:global: Logger initialized

Lastly there are bind actions where you could use the bind: directive in a cf tag:

<cfform>
<cftree name="dirtree" format="html">
<cftreeitem bind="cfc:dirtree.getDirEntries({cftreeitempath}, {cftreeitemvalue})">
</cftree>
</cfform>

If its not working for you then remember to select the Enable AJAX Debug Log Window option on the ColdFusion Administrator's Debug Output Settings page.

Comments
BlogCFC was created by Raymond Camden. This blog is running version 5.9.001.