Drupal for Firebug Development Blog

Hot on the heels of an awesome BADCamp, we decided to take the holiday of Columbus Day and turn it into a much-needed Drupal Day! A lot got accomplished, and I for one am very happy about the results.
Drupal Dojo

Firebug is a hell of a thing and at Chapter Three we use it regularly - as many others do - to analyze and debug our web development work. It can do things like inspect the HTML, manipulate the CSS, execute and debug Javascript, and monitor site performance and download times. It is so great that we wished it spoke Drupal and knew our name - kind of like the cute girl at the dance. Things get a little better when people know your name.

ms	#	where	query
0.06	1	cache_get	SELECT data, created, headers, expire FROM cache_page WHERE cid = 'http://drupalforfirebug.chapterthree.com/blog'
0.06	1	drupal_lookup_path	SELECT COUNT(pid) FROM url_alias
0.05	1	drupal_lookup_path	SELECT src FROM url_alias WHERE dst = 'blog'
0.16	1	module_list	SELECT name, filename, throttle FROM system WHERE type = 'module' AND status = 1 ORDER BY weight ASC, filename ASC
0.14	1	user_access	SELECT DISTINCT(p.perm) FROM role r INNER JOIN permission p ON p.rid = r.rid WHERE r.rid IN (1)
0.15	1	cache_get	SELECT data, created, headers, expire FROM cache_menu WHERE cid = '0:en'
0.08	2	cache_get	SELECT data, created, headers, expire FROM cache_views WHERE cid = 'views_urls'
0.05	2	cache_get	SELECT data, created, headers, expire FROM cache_views WHERE cid = 'views_urls'
0.15	1	_views_load_view	SELECT v.* FROM view_view v WHERE v.name = 'blog'
0.05	1	_views_load_view	SELECT * FROM view_sort vs WHERE vid = 2 ORDER BY position ASC
0.05	1	_views_load_view	SELECT * FROM view_argument WHERE vid = 2 ORDER BY position ASC
0.05	1	_views_load_view	SELECT * FROM view_tablefield WHERE vid = 2 ORDER BY position ASC
0.05	1	_views_load_view	SELECT * FROM view_filter WHERE vid = 2 ORDER BY position ASC
0.16	1	cache_get	SELECT data, created, headers, expire FROM cache_views WHERE cid = 'views_tables:en'
0.07	1	_views_load_view	SELECT * FROM view_exposed_filter WHERE vid = 2 ORDER BY position ASC
0.06	1	cache_get	SELECT data, created, headers, expire FROM cache_views WHERE cid = 'views_query:blog'
0.05	1	cache_get	SELECT data, created, headers, expire FROM cache_views WHERE cid = 'views_style_plugins:en'
0.06	1	node_access_view_all_nodes	SELECT COUNT(*) FROM node_access WHERE nid = 0 AND ((gid = 0 AND realm = 'all')) AND grant_view >= 1
0.05	1	pager_query	SELECT count(DISTINCT(node.nid)) FROM node node WHERE (node.type IN ('feed_item')) AND (node.status = '1')
0.05	1	pager_query	SELECT DISTINCT(node.nid), node.created AS node_created_created FROM node node WHERE (node.type IN ('feed_item')) AND (node.status = '1') GROUP BY node.nid, node_created_created ORDER BY node_created_created DESC LIMIT 0, 10
0.07	1	list_themes	SELECT * FROM system WHERE type = 'theme'
0.09	1	drupal_lookup_path	SELECT src FROM url_alias WHERE dst = 'node/4'
0.07	1	drupal_lookup_path	SELECT dst FROM url_alias WHERE src = 'blog'
0.06	1	cache_get	SELECT data, created, headers, expire FROM cache_filter WHERE cid = '1:15e8148352f4a4a70feb5c0ba7708b77'
0.08	1	node_load	SELECT n.nid, n.vid, n.type, n.status, n.created, n.changed, n.comment, n.promote, n.sticky, r.timestamp AS revision_timestamp, r.title, r.body, r.teaser, r.log, r.format, u.uid, u.name, u.picture, u.data FROM node n INNER JOIN users u ON u.uid = n.uid INNER JOIN node_revisions r ON r.vid = n.vid WHERE n.nid = 9
0.08	1	_node_types_build	SELECT nt.type, nt.* FROM node_type nt ORDER BY nt.type ASC
0.06	1	simplefeed_item_load	SELECT iid, fid, expires, url FROM simplefeed_feed_item WHERE vid = 9
0.06	1	comment_nodeapi	SELECT last_comment_timestamp, last_comment_name, comment_count FROM node_comment_statistics WHERE nid = 9
0.06	1	path_nodeapi	SELECT dst FROM url_alias WHERE src = 'node/9'
0.06	1	taxonomy_node_get_terms	SELECT t.* FROM term_node r INNER JOIN term_data t ON r.tid = t.tid INNER JOIN vocabulary v ON t.vid = v.vid WHERE r.nid = 9 ORDER BY v.weight, t.weight, t.name
0.07	1	cache_get	SELECT data, created, headers, expire FROM cache_filter WHERE cid = '1:ed16f2d5d0a9b5ddfab249ac9e1c12a2'
0.07	1	simplefeed_item_link	SELECT title FROM node WHERE nid = 6
0.08	1	drupal_lookup_path	SELECT dst FROM url_alias WHERE src = 'node/9'
0.07	1	drupal_lookup_path	SELECT dst FROM url_alias WHERE src = 'node/6'
0.09	1	node_load	SELECT n.nid, n.vid, n.type, n.status, n.created, n.changed, n.comment, n.promote, n.sticky, r.timestamp AS revision_timestamp, r.title, r.body, r.teaser, r.log, r.format, u.uid, u.name, u.picture, u.data FROM node n INNER JOIN users u ON u.uid = n.uid INNER JOIN node_revisions r ON r.vid = n.vid WHERE n.nid = 8
0.08	1	simplefeed_item_load	SELECT iid, fid, expires, url FROM simplefeed_feed_item WHERE vid = 8
0.06	1	comment_nodeapi	SELECT last_comment_timestamp, last_comment_name, comment_count FROM node_comment_statistics WHERE nid = 8
0.06	1	path_nodeapi	SELECT dst FROM url_alias WHERE src = 'node/8'
0.06	1	taxonomy_node_get_terms	SELECT t.* FROM term_node r INNER JOIN term_data t ON r.tid = t.tid INNER JOIN vocabulary v ON t.vid = v.vid WHERE r.nid = 8 ORDER BY v.weight, t.weight, t.name
0.07	1	cache_get	SELECT data, created, headers, expire FROM cache_filter WHERE cid = '1:4904b9eff1da61d54f6a95cef16ff06b'
0.07	1	drupal_lookup_path	SELECT dst FROM url_alias WHERE src = 'node/8'
0.08	1	node_load	SELECT n.nid, n.vid, n.type, n.status, n.created, n.changed, n.comment, n.promote, n.sticky, r.timestamp AS revision_timestamp, r.title, r.body, r.teaser, r.log, r.format, u.uid, u.name, u.picture, u.data FROM node n INNER JOIN users u ON u.uid = n.uid INNER JOIN node_revisions r ON r.vid = n.vid WHERE n.nid = 7
0.06	1	simplefeed_item_load	SELECT iid, fid, expires, url FROM simplefeed_feed_item WHERE vid = 7
0.06	1	comment_nodeapi	SELECT last_comment_timestamp, last_comment_name, comment_count FROM node_comment_statistics WHERE nid = 7
0.05	1	path_nodeapi	SELECT dst FROM url_alias WHERE src = 'node/7'
0.06	1	taxonomy_node_get_terms	SELECT t.* FROM term_node r INNER JOIN term_data t ON r.tid = t.tid INNER JOIN vocabulary v ON t.vid = v.vid WHERE r.nid = 7 ORDER BY v.weight, t.weight, t.name
0.07	1	cache_get	SELECT data, created, headers, expire FROM cache_filter WHERE cid = '1:e0238d9fb9432d10dcae3f233215a719'
0.08	1	drupal_lookup_path	SELECT dst FROM url_alias WHERE src = 'node/7'
0.07	1	system_region_list	SELECT * FROM system WHERE type = 'theme' AND name = 'garland'
0.06	1	block_list	SELECT DISTINCT b.* FROM blocks b LEFT JOIN blocks_roles r ON b.module = r.module AND b.delta = r.delta WHERE b.theme = 'garland' AND b.status = 1 AND (r.rid IN (1) OR r.rid IS NULL) ORDER BY b.region, b.weight, b.module

$node = stdClass Object (

[nid] => [9]

[vid] => [9]

[type] => [feed_item]

[status] => [1]

[created] => [1223954696]

[changed] => [1223959202]

[comment] => [2]

[promote] => [1]

[sticky] => [0]

[revision_timestamp] => [1223959202]

[title] => [Columbus Day? Drupal Day!]

[body] => [Hot on the heels of an awesome <a href="http://www.badcamp.net">BADCamp</a>, we decided to take the holiday of Columbus Day and turn it into a much-needed Drupal Day! A lot got accomplished, and I for one am very happy about the results. Drupal Dojo My single greatest personal contribution to the community thus far hasn’t been code, but rather an idea, some video content, and six months worth of organizing. Nearly two years ago, I started <a href="http://groups.drupal.org/drupal-dojo">the Drupal Dojo</a> to help incoming developers wrap their heads around the open source project we all know and love. Seemed like something that was needed, and it was tons of fun and a great success, but in 2008 I haven’t been able to do nearly as much, and the group has become less active. But now, with more and more A-list contrib modules ready to roll and a bunch of number of other factors — e.g. <a href="http://acquia.com/products-services">Acquia Drupal</a> — on the scene, it feels like the same kind of moment for Drupal 6. I predict <a href="http://groups.drupal.org/node/2786">explosive growth</a> in the developer community. And so, once again, <a href="http://groups.drupal.org/node/15832">I’m getting back in the game</a> and will start producing a new set of Dojo lessons starting in November. 6.0 Releases I also had time to clear out some issues, test some patches, and finally commit some long awaited code. The result is three new Drupal 6.0 module releases: <ul> <li><a href="http://drupal.org/project/updown">Up/Down</a>: in the spirit of solving obvious problems, this is a solid and serviceable implementation of a plus/minus voting widget for 6.0. With initial code from <a href="http://drupal.org/user/188571">Greg Hines</a> and awesome token support by <a href="http://drupal.org/user/47566">dmitrig01</a>, it’s stable, secure and ready to pick up where good old vote_up_down left off. I really hope to turn this into a widget on par with the excellence that is fivestar. </li> <li><a href="http://drupal.org/project/menutrails">Menutrails</a>: officially out for 6.0, this brings some common-sense usability goodness to your Drupal site. Keep navigation menu items active, bread-crumbs under control, and dynamically assign your many nodes to automagically show up under the right primary nav elements.</li> <li><a href="http://drupal.org/project/textile">Textile</a>: still my favorite HTML shorthand. This one was easy thanks to <a href="http://drupal.org/user/39694">trevorwining</a> for the patch that made this possible.</li> <li><a href="http://drupal.org/node/307980">OG Panels</a>: not all the way there yet, but my patch to bring this into 6.0 made some real progress this weekend.</li> </ul> But Wait, There’s More! In other exciting Drupal news, my colleague Jon Skulski got a patch to the 7.0 core marked <a href="http://drupal.org/node/320784">ready to be committed</a>. It’s really great to see people who only started seriously working with the system in the Summer getting up to the <a href="http://buytaert.net/drupal-learning-curve">“I kick ass” threshold</a>. Jon brings a lot of skills to the table, and with any luck we’ll be seeing more amazing things from him in the months to come. Also, I believe we’ve recieved enough positive reviews on the <a href="https://addons.mozilla.org/en-US/firefox/addon/8370">Drupal for Firebug FireFox extension</a> that it can graduate from “experimental” status, which is key for our next release. Still, if you’d like to help us out, <a href="https://addons.mozilla.org/en-US/firefox/addon/8370">write a review</a> so the Mozilla folks will be more inclined to let users install the plugin without first signing up for an account and going through a scary opt-in process. With jQuery integrated in the 0.0.5 version, we’re now able to do the kind of UI work that’s really needed to make sense of all the data we can dredge out of the system. We’re also set to make asynchronous calls for more information. Basically, we should be able to make DFF the programatic ying to the Theme Developer module’s yang. We hope to make it another invaluable part of the professional Drupal developer’s toolset. All in all, it’s hard to hope for more from a good Drupal Day. With any luck, these will start to become a regular occurrence around here at Chapter Three! <a href="http://www.chapterthree.com/blog/josh_koenig/columbus_day_drupal_day">read more</a>]

[teaser] => [Hot on the heels of an awesome <a href="http://www.badcamp.net">BADCamp</a>, we decided to take the holiday of Columbus Day and turn it into a much-needed Drupal Day! A lot got accomplished, and I for one am very happy about the results. Drupal Dojo]

[log] => []

[format] => [1]

[uid] => [1]

[name] => [matt]

[picture] => []

[data] => [a:0:{}]

[iid] => [e9a26fe6c2b9c4abcb051798a499f578]

[fid] => [6]

[expires] => [0]

[url] => [http://www.chapterthree.com/blog/josh_koenig/columbus_day_drupal_day]

);

$node = stdClass Object (

[nid] => [9]

[vid] => [9]

[type] => [feed_item]

[status] => [1]

[created] => [1223954696]

[changed] => [1223959202]

[comment] => [2]

[promote] => [1]

[sticky] => [0]

[revision_timestamp] => [1223959202]

[title] => [Columbus Day? Drupal Day!]

[log] => []

[format] => [1]

[uid] => [1]

[name] => [matt]

[picture] => []

[data] => [a:0:{}]

[iid] => [e9a26fe6c2b9c4abcb051798a499f578]

[fid] => [6]

[expires] => [0]

[url] => [http://www.chapterthree.com/blog/josh_koenig/columbus_day_drupal_day]

[last_comment_timestamp] => [1268489027]

[last_comment_name] => []

[comment_count] => [19]

[taxonomy] => []

[readmore] => [1]

[content] => array (

[body] => array (

[#value] => [Hot on the heels of an awesome <a href="http://www.badcamp.net">BADCamp</a>, we decided to take the holiday of Columbus Day and turn it into a much-needed Drupal Day! A lot got accomplished, and I for one am very happy about the results. Drupal Dojo ]

[#weight] => [0]

)

[simplefeed_item] => array (

[#theme] => [simplefeed_item_node_view]

[#weight] => [2]

[url] => array (

[#value] => [http://www.chapterthree.com/blog/josh_koenig/columbus_day_drupal_day]

[#weight] => [1]

)

);

$node = stdClass Object (

[nid] => [9]

[vid] => [9]

[type] => [feed_item]

[status] => [1]

[created] => [1223954696]

[changed] => [1223959202]

[comment] => [2]

[promote] => [1]

[sticky] => [0]

[revision_timestamp] => [1223959202]

[title] => [Columbus Day? Drupal Day!]

[log] => []

[format] => [1]

[uid] => [1]

[name] => [matt]

[picture] => []

[data] => [a:0:{}]

[iid] => [e9a26fe6c2b9c4abcb051798a499f578]

[fid] => [6]

[expires] => [0]

[url] => [http://www.chapterthree.com/blog/josh_koenig/columbus_day_drupal_day]

[last_comment_timestamp] => [1268489027]

[last_comment_name] => []

[comment_count] => [19]

[taxonomy] => []

[readmore] => [1]

[content] => array (

[body] => array (

[#weight] => [0]

[#printed] => [1]

)

[simplefeed_item] => array (

[#theme] => [simplefeed_item_node_view]

[#weight] => [2]

[url] => array (

[#value] => [http://www.chapterthree.com/blog/josh_koenig/columbus_day_drupal_day]

[#weight] => [1]

)

[#theme_used] => [1]

[#value] => []

[#type] => []

[#prefix] => []

[#suffix] => []

[#children] => [ ]

[#printed] => [1]

)

[#children] => [Hot on the heels of an awesome <a href="http://www.badcamp.net">BADCamp</a>, we decided to take the holiday of Columbus Day and turn it into a much-needed Drupal Day! A lot got accomplished, and I for one am very happy about the results. Drupal Dojo ]

[#printed] => [1]

)

[links] => array (

[node_read_more] => array (

[title] => [Read more]

[href] => [node/9]

[attributes] => array (

[title] => [Read the rest of this posting.]

)

[simplefeed_item_parent] => array (

[title] => [Drupal For Firebug on Chapter Three's Blog]

[href] => [node/6]

[attributes] => array (

[title] => [Goto the feed source for this content]

)

[simplefeed_item_url] => array (

[title] => [Source]

[href] => [http://www.chapterthree.com/blog/josh_koenig/columbus_day_drupal_day]

[absolute] => [1]

[attributes] => array (

[title] => [Goto the source of this post]

)

);

$node = stdClass Object (

[nid] => [8]

[vid] => [8]

[type] => [feed_item]

[status] => [1]

[created] => [1219939474]

[changed] => [1220182803]

[comment] => [2]

[promote] => [1]

[sticky] => [0]

[revision_timestamp] => [1220182803]

[title] => [Drupal for Firebug: Firebug talking Drupal]

[body] => [<img src="http://drupalforfirebug.chapterthree.com/sites/all/files/firebug.jpg" style="float: right; padding-left: 7px; padding-bottom: 7px;" /> <a href="http://getfirebug.com/">Firebug</a> is a hell of a thing and at <a href="http://www.chapterthree.com">Chapter Three</a> we use it regularly - as many others do - to analyze and debug our web development work. It can do things like <a href="http://getfirebug.com/html.html">inspect the HTML</a>, <a href="http://getfirebug.com/css.html">manipulate the CSS</a>, <a href="http://getfirebug.com/js.html">execute and debug Javascript</a>, and <a href="http://developer.yahoo.com/yslow/">monitor site performance and download times</a>. It is so great that we wished it spoke Drupal and knew our name - kind of like the cute girl at the dance. Things get a little better when <a href="http://www.youtube.com/watch?v=Lf5ojdakpq8" title="Cheers Opening Credits" alt="Cheers Opening Credits">people know your name</a>. It is in that spirit that that <a href="http://www.drupal.org/project/drupalforfirebug">Drupal for Firebug</a> was developed as a way to <a href="http://developer.mozilla.org/en/Firebug_internals">extend</a> the capabilities of Firebug by mixing in a little Drupal. Drupal for Firebug is both a <a href="https://addons.mozilla.org/en-US/firefox/addon/8370" title="Mozilla.org FireFox Extension Page">FireFox Extension</a> and a <a href="http://www.drupal.org/project/drupalforfirebug" title="Drupal.org Module Page">Drupal Module</a>. To celebrate <a href="http://szeged2008.drupalcon.org/">Drupalcon Szeged</a> there are now releases for both Drupal 5 and Drupal 6 <a href="http://www.drupal.org/project/drupalforfirebug">available</a>. Get the extension and download the module, check our the <a href="http://drupalforfirebug.chapterthree.com/tests">test and demonstration site</a>, and watch the <a href="http://advomatic.com/services">drupal magic</a> happen right in your Firebug window: <img src="http://drupalforfirebug.chapterthree.com/sites/all/files/drupalforfirebug_full.png" style="text-align: center;" /> With a copy of the module and the Firefox extension installed, a developer can see debug messages, examine the SQL query log (with <a href="http://www.drupal.org/project/devel">Devel module</a>), look at how a Drupal page load is handling a site’s users, views, nodes, and forms, and even execute PHP. The goal of the module and extension is to create a framework for centralizing Drupal development and debugging work using power of Firebug. The major features include: <ul> <li>More centralization of web development debugging information by moving that information from Drupal page view into separate Firebug window. This helps to provide a clean separation of development debug information from the rest of the site.</li> <li>Clean and external debugging message text and dumpable PHPs arrays and objects which can be displayed in the Firebug debugging window using the handy firep() function where they can be viewed without disrupting the rest of the page flow. There is also a handy “debug message only” search feature which is helpful in locating specific pieces of information in the debugging output.</li> <li>Integration with the wonderful <a href="http://www.drupal.org/project/devel">Devel module</a> is available to provide a Firebug accessible SQL query log. Since the Firebug debugging window can be resized, hidden, or broken out as a separate window, it provides additional options (beyond appending the log to the bottom of the screen) for viewing the SQL query log.</li> <li>Complete information about each user and node and view and form that is accessed during a page load is available. This can be invaluable in determining what Drupal items are being referenced and what $op is being performed on them. There is awareness of the original and modified state of the view and form items and even smart color highlighting to tell you when additions, changes, or deletions have happened to the item during the hook_form_alter or hook_views callbacks.</li> </ul> This is only the initial release of the module and there are plenty of tweaks and improvements to make down the road. The real secret sauce will be figuring out what are the most useful pieces of information to display in the Firebug window and making some important <a href="http://www.mozilla.org/projects/xul/">XUL</a> interface improvements to the Firefox Extension to increase usability around the viewing and sorting of debugging data. Think HTML browser style functionality for the User, Form, Node, and View arrays and objects. But for now, at least it <a href="http://www.youtube.com/watch?v=1sheJcFCL6I" title="Morphine: You Speak My Language">speaks our language</a>.]

[teaser] => [<img src="http://drupalforfirebug.chapterthree.com/sites/all/files/firebug.jpg" style="float: right; padding-left: 7px; padding-bottom: 7px;" /> ]

[log] => []

[format] => [1]

[uid] => [1]

[name] => [matt]

[picture] => []

[data] => [a:0:{}]

[iid] => [67b1104184530d940b196ecbe80e9afb]

[fid] => [6]

[expires] => [0]

[url] => [http://www.chapterthree.com/blog/matt_cheney/drupal_for_firebug]

);

$node = stdClass Object (

[nid] => [8]

[vid] => [8]

[type] => [feed_item]

[status] => [1]

[created] => [1219939474]

[changed] => [1220182803]

[comment] => [2]

[promote] => [1]

[sticky] => [0]

[revision_timestamp] => [1220182803]

[title] => [Drupal for Firebug: Firebug talking Drupal]

[teaser] => []

[log] => []

[format] => [1]

[uid] => [1]

[name] => [matt]

[picture] => []

[data] => [a:0:{}]

[iid] => [67b1104184530d940b196ecbe80e9afb]

[fid] => [6]

[expires] => [0]

[url] => [http://www.chapterthree.com/blog/matt_cheney/drupal_for_firebug]

[last_comment_timestamp] => [1265569059]

[last_comment_name] => []

[comment_count] => [23]

[taxonomy] => []

[readmore] => [1]

[content] => array (

[body] => array (

[#value] => []

[#weight] => [0]

)

[simplefeed_item] => array (

[#theme] => [simplefeed_item_node_view]

[#weight] => [2]

[url] => array (

[#value] => [http://www.chapterthree.com/blog/matt_cheney/drupal_for_firebug]

[#weight] => [1]

)

);

$node = stdClass Object (

[nid] => [8]

[vid] => [8]

[type] => [feed_item]

[status] => [1]

[created] => [1219939474]

[changed] => [1220182803]

[comment] => [2]

[promote] => [1]

[sticky] => [0]

[revision_timestamp] => [1220182803]

[title] => [Drupal for Firebug: Firebug talking Drupal]

[teaser] => [ ]

[log] => []

[format] => [1]

[uid] => [1]

[name] => [matt]

[picture] => []

[data] => [a:0:{}]

[iid] => [67b1104184530d940b196ecbe80e9afb]

[fid] => [6]

[expires] => [0]

[url] => [http://www.chapterthree.com/blog/matt_cheney/drupal_for_firebug]

[last_comment_timestamp] => [1265569059]

[last_comment_name] => []

[comment_count] => [23]

[taxonomy] => []

[readmore] => [1]

[content] => array (

[body] => array (

[#weight] => [0]

[#value] => []

[#printed] => [1]

)

[simplefeed_item] => array (

[#theme] => [simplefeed_item_node_view]

[#weight] => [2]

[url] => array (

[#value] => [http://www.chapterthree.com/blog/matt_cheney/drupal_for_firebug]

[#weight] => [1]

)

[#theme_used] => [1]

[#value] => []

[#type] => []

[#prefix] => []

[#suffix] => []

[#children] => [ ]

[#printed] => [1]

)

[#children] => [ ]

[#printed] => [1]

)

[links] => array (

[simplefeed_item_parent] => array (

[title] => [Drupal For Firebug on Chapter Three's Blog]

[href] => [node/6]

[attributes] => array (

[title] => [Goto the feed source for this content]

)

[simplefeed_item_url] => array (

[title] => [Source]

[href] => [http://www.chapterthree.com/blog/matt_cheney/drupal_for_firebug]

[absolute] => [1]

[attributes] => array (

[title] => [Goto the source of this post]

)

);

$node = stdClass Object (

[nid] => [7]

[vid] => [7]

[type] => [feed_item]

[status] => [1]

[created] => [1219939474]

[changed] => [1219987302]

[comment] => [2]

[promote] => [1]

[sticky] => [0]

[revision_timestamp] => [1219987302]

[title] => [Drupal for Firebug: Firebug talking Drupal]

[body] => [<img src="http://drupalforfirebug.chapterthree.com/sites/all/files/firebug.jpg" style="float: right; padding-left: 7px; padding-bottom: 7px;" /> <a href="http://getfirebug.com/">Firebug</a> is a hell of a thing and at <a href="http://www.chapterthree.com">Chapter Three</a> we use it regularly - as many others do - to analyze and debug our web development work. It can do things like <a href="http://getfirebug.com/html.html">inspect the HTML</a>, <a href="http://getfirebug.com/css.html">manipulate the CSS</a>, <a href="http://getfirebug.com/js.html">execute and debug Javascript</a>, and <a href="http://developer.yahoo.com/yslow/">monitor site performance and download times</a>. It is so great that we wished it spoke Drupal and knew our name - kind of like the cute girl at the dance. Things get a little better when <a href="http://www.youtube.com/watch?v=Lf5ojdakpq8" title="Cheers Opening Credits" alt="Cheers Opening Credits">people know your name</a>.  It is in that spirit that that <a href="http://www.drupal.org/drupalforfirebug">Drupal for Firebug</a> was developed as a way to <a href="http://developer.mozilla.org/en/Firebug_internals">extend</a> the capabilities of Firebug by mixing in a little Drupal. Drupal for Firebug is both a <a href="https://addons.mozilla.org/en-US/firefox/addon/8370" title="Mozilla.org FireFox Extension Page">FireFox Extension</a> and a <a href="http://www.drupal.org/project/drupalforfirebug" title="Drupal.org Module Page">Drupal Module</a>. To celebrate <a href="http://szeged2008.drupalcon.org/">Drupalcon Szeged</a> there are now releases for both Drupal 5 and Drupal 6 <a href="http://www.drupal.org/project/drupalforfirebug">available</a>. Get the extension and download the module, check our the <a href="http://drupalforfirebug.chapterthree.com/tests">test and demonstration site</a>, and watch the magic happen right in your Firebug window: <img src="http://drupalforfirebug.chapterthree.com/sites/all/files/drupalforfirebug_full.png" style="text-align: center;" /> With a copy of the module and the Firefox extension installed, a developer can see debug messages, examine the SQL query log (with <a href="http://www.drupal.org/project/devel">Devel module</a>), look at how a Drupal page load is handling a site’s users, views, nodes, and forms, and even execute PHP. The goal of the module and extension is to create a framework for centralizing Drupal development and debugging work using power of Firebug. The major features include: <ul> <li>More centralization of web development debugging information by moving that information from Drupal page view into separate Firebug window. This helps to provide a clean separation of development debug information from the rest of the site.</li> <li>Clean and external debugging message text and dumpable PHPs arrays and objects which can be displayed in the Firebug debugging window using the handy firep() function where they can be viewed without disrupting the rest of the page flow. There is also a handy “debug message only” search feature which is helpful in locating specific pieces of information in the debugging output.</li> <li>Integration with the wonderful <a href="http://www.drupal.org/project/devel">Devel module</a> is available to provide a Firebug accessible SQL query log. Since the Firebug debugging window can be resized, hidden, or broken out as a separate window, it provides additional options (beyond appending the log to the bottom of the screen) for viewing the SQL query log.</li> <li>Complete information about each user and node and view and form that is accessed during a page load is available. This can be invaluable in determining what Drupal items are being referenced and what $op is being performed on them. There is awareness of the original and modified state of the view and form items and even smart color highlighting to tell you when additions, changes, or deletions have happened to the item during the hook_form_alter or hook_views callbacks.</li> </ul> This is only the initial release of the module and there are plenty of tweaks and improvements to make down the road. The real secret sauce will be figuring out what are the most useful pieces of information to display in the Firebug window and making some important <a href="http://www.mozilla.org/projects/xul/">XUL</a> interface improvements to the Firefox Extension to increase usability around the viewing and sorting of debugging data. Think HTML browser style functionality for the User, Form, Node, and View arrays and objects. But for now, at least it <a href="http://www.youtube.com/watch?v=1sheJcFCL6I" title="Morphine: You Speak My Language">speaks our language</a>.]

[teaser] => [<img src="http://drupalforfirebug.chapterthree.com/sites/all/files/firebug.jpg" style="float: right; padding-left: 7px; padding-bottom: 7px;" /> <a href="http://getfirebug.com/">Firebug</a> is a hell of a thing and at <a href="http://www.chapterthree.com">Chapter Three</a> we use it regularly - as many others do - to analyze and debug our web development work. It can do things like <a href="http://getfirebug.com/html.html">inspect the HTML</a>, <a href="http://getfirebug.com/css.html">manipulate the CSS</a>, <a href="http://getfirebug.com/js.html">execute and debug Javascript</a>, and <a href="http://developer.yahoo.com/yslow/">monitor site performance and download times</a>. It is so great that we wished it spoke Drupal and knew our name - kind of like the cute girl at the dance. Things get a little better when <a href="http://www.youtube.com/watch?v=Lf5ojdakpq8" title="Cheers Opening Credits" alt="Cheers Opening Credits">people know your name</a>. ]

[log] => []

[format] => [1]

[uid] => [1]

[name] => [matt]

[picture] => []

[data] => [a:0:{}]

[iid] => [872f506ce65f3e1f61093f815e878132]

[fid] => [6]

[expires] => [0]

[url] => [http://chapterthree.com/blog/matt_cheney/drupal_for_firebug]

);

$node = stdClass Object (

[nid] => [7]

[vid] => [7]

[type] => [feed_item]

[status] => [1]

[created] => [1219939474]

[changed] => [1219987302]

[comment] => [2]

[promote] => [1]

[sticky] => [0]

[revision_timestamp] => [1219987302]

[title] => [Drupal for Firebug: Firebug talking Drupal]

[body] => [<img src="http://drupalforfirebug.chapterthree.com/sites/all/files/firebug.jpg" style="float: right; padding-left: 7px; padding-bottom: 7px;" /> <a href="http://getfirebug.com/">Firebug</a> is a hell of a thing and at <a href="http://www.chapterthree.com">Chapter Three</a> we use it regularly - as many others do - to analyze and debug our web development work. It can do things like <a href="http://getfirebug.com/html.html">inspect the HTML</a>, <a href="http://getfirebug.com/css.html">manipulate the CSS</a>, <a href="http://getfirebug.com/js.html">execute and debug Javascript</a>, and <a href="http://developer.yahoo.com/yslow/">monitor site performance and download times</a>. It is so great that we wished it spoke Drupal and knew our name - kind of like the cute girl at the dance. Things get a little better when <a href="http://www.youtube.com/watch?v=Lf5ojdakpq8" title="Cheers Opening Credits" alt="Cheers Opening Credits">people know your name</a>. It is in that spirit that that <a href="http://www.drupal.org/drupalforfirebug">Drupal for Firebug</a> was developed as a way to <a href="http://developer.mozilla.org/en/Firebug_internals">extend</a> the capabilities of Firebug by mixing in a little Drupal. Drupal for Firebug is both a <a href="https://addons.mozilla.org/en-US/firefox/addon/8370" title="Mozilla.org FireFox Extension Page">FireFox Extension</a> and a <a href="http://www.drupal.org/project/drupalforfirebug" title="Drupal.org Module Page">Drupal Module</a>. To celebrate <a href="http://szeged2008.drupalcon.org/">Drupalcon Szeged</a> there are now releases for both Drupal 5 and Drupal 6 <a href="http://www.drupal.org/project/drupalforfirebug">available</a>. Get the extension and download the module, check our the <a href="http://drupalforfirebug.chapterthree.com/tests">test and demonstration site</a>, and watch the magic happen right in your Firebug window: <img src="http://drupalforfirebug.chapterthree.com/sites/all/files/drupalforfirebug_full.png" style="text-align: center;" /> With a copy of the module and the Firefox extension installed, a developer can see debug messages, examine the SQL query log (with <a href="http://www.drupal.org/project/devel">Devel module</a>), look at how a Drupal page load is handling a site’s users, views, nodes, and forms, and even execute PHP. The goal of the module and extension is to create a framework for centralizing Drupal development and debugging work using power of Firebug. The major features include: <ul> <li>More centralization of web development debugging information by moving that information from Drupal page view into separate Firebug window. This helps to provide a clean separation of development debug information from the rest of the site.</li> <li>Clean and external debugging message text and dumpable PHPs arrays and objects which can be displayed in the Firebug debugging window using the handy firep() function where they can be viewed without disrupting the rest of the page flow. There is also a handy “debug message only” search feature which is helpful in locating specific pieces of information in the debugging output.</li> <li>Integration with the wonderful <a href="http://www.drupal.org/project/devel">Devel module</a> is available to provide a Firebug accessible SQL query log. Since the Firebug debugging window can be resized, hidden, or broken out as a separate window, it provides additional options (beyond appending the log to the bottom of the screen) for viewing the SQL query log.</li> <li>Complete information about each user and node and view and form that is accessed during a page load is available. This can be invaluable in determining what Drupal items are being referenced and what $op is being performed on them. There is awareness of the original and modified state of the view and form items and even smart color highlighting to tell you when additions, changes, or deletions have happened to the item during the hook_form_alter or hook_views callbacks.</li> </ul> This is only the initial release of the module and there are plenty of tweaks and improvements to make down the road. The real secret sauce will be figuring out what are the most useful pieces of information to display in the Firebug window and making some important <a href="http://www.mozilla.org/projects/xul/">XUL</a> interface improvements to the Firefox Extension to increase usability around the viewing and sorting of debugging data. Think HTML browser style functionality for the User, Form, Node, and View arrays and objects. But for now, at least it <a href="http://www.youtube.com/watch?v=1sheJcFCL6I" title="Morphine: You Speak My Language">speaks our language</a>.]

[teaser] => [<a href="http://getfirebug.com/">Firebug</a> is a hell of a thing and at <a href="http://www.chapterthree.com">Chapter Three</a> we use it regularly - as many others do - to analyze and debug our web development work. It can do things like <a href="http://getfirebug.com/html.html">inspect the HTML</a>, <a href="http://getfirebug.com/css.html">manipulate the CSS</a>, <a href="http://getfirebug.com/js.html">execute and debug Javascript</a>, and <a href="http://developer.yahoo.com/yslow/">monitor site performance and download times</a>. It is so great that we wished it spoke Drupal and knew our name - kind of like the cute girl at the dance. Things get a little better when <a href="http://www.youtube.com/watch?v=Lf5ojdakpq8" title="Cheers Opening Credits" alt="Cheers Opening Credits">people know your name</a>. ]

[log] => []

[format] => [1]

[uid] => [1]

[name] => [matt]

[picture] => []

[data] => [a:0:{}]

[iid] => [872f506ce65f3e1f61093f815e878132]

[fid] => [6]

[expires] => [0]

[url] => [http://chapterthree.com/blog/matt_cheney/drupal_for_firebug]

[last_comment_timestamp] => [1267898690]

[last_comment_name] => []

[comment_count] => [16]

[taxonomy] => []

[readmore] => [1]

[content] => array (

[body] => array (

[#value] => [<a href="http://getfirebug.com/">Firebug</a> is a hell of a thing and at <a href="http://www.chapterthree.com">Chapter Three</a> we use it regularly - as many others do - to analyze and debug our web development work. It can do things like <a href="http://getfirebug.com/html.html">inspect the HTML</a>, <a href="http://getfirebug.com/css.html">manipulate the CSS</a>, <a href="http://getfirebug.com/js.html">execute and debug Javascript</a>, and <a href="http://developer.yahoo.com/yslow/">monitor site performance and download times</a>. It is so great that we wished it spoke Drupal and knew our name - kind of like the cute girl at the dance. Things get a little better when <a href="http://www.youtube.com/watch?v=Lf5ojdakpq8" title="Cheers Opening Credits" alt="Cheers Opening Credits">people know your name</a>. ]

[#weight] => [0]

)

[simplefeed_item] => array (

[#theme] => [simplefeed_item_node_view]

[#weight] => [2]

[url] => array (

[#value] => [http://chapterthree.com/blog/matt_cheney/drupal_for_firebug]

[#weight] => [1]

)

);

$node = stdClass Object (

[nid] => [7]

[vid] => [7]

[type] => [feed_item]

[status] => [1]

[created] => [1219939474]

[changed] => [1219987302]

[comment] => [2]

[promote] => [1]

[sticky] => [0]

[revision_timestamp] => [1219987302]

[title] => [Drupal for Firebug: Firebug talking Drupal]

[log] => []

[format] => [1]

[uid] => [1]

[name] => [matt]

[picture] => []

[data] => [a:0:{}]

[iid] => [872f506ce65f3e1f61093f815e878132]

[fid] => [6]

[expires] => [0]

[url] => [http://chapterthree.com/blog/matt_cheney/drupal_for_firebug]

[last_comment_timestamp] => [1267898690]

[last_comment_name] => []

[comment_count] => [16]

[taxonomy] => []

[readmore] => [1]

[content] => array (

[body] => array (

[#weight] => [0]

[#printed] => [1]

)

[simplefeed_item] => array (

[#theme] => [simplefeed_item_node_view]

[#weight] => [2]

[url] => array (

[#value] => [http://chapterthree.com/blog/matt_cheney/drupal_for_firebug]

[#weight] => [1]

)

[#theme_used] => [1]

[#value] => []

[#type] => []

[#prefix] => []

[#suffix] => []

[#children] => [ ]

[#printed] => [1]

)

[#children] => [<a href="http://getfirebug.com/">Firebug</a> is a hell of a thing and at <a href="http://www.chapterthree.com">Chapter Three</a> we use it regularly - as many others do - to analyze and debug our web development work. It can do things like <a href="http://getfirebug.com/html.html">inspect the HTML</a>, <a href="http://getfirebug.com/css.html">manipulate the CSS</a>, <a href="http://getfirebug.com/js.html">execute and debug Javascript</a>, and <a href="http://developer.yahoo.com/yslow/">monitor site performance and download times</a>. It is so great that we wished it spoke Drupal and knew our name - kind of like the cute girl at the dance. Things get a little better when <a href="http://www.youtube.com/watch?v=Lf5ojdakpq8" title="Cheers Opening Credits" alt="Cheers Opening Credits">people know your name</a>. ]

[#printed] => [1]

)

[links] => array (

[node_read_more] => array (

[title] => [Read more]

[href] => [node/7]

[attributes] => array (

[title] => [Read the rest of this posting.]

)

[simplefeed_item_parent] => array (

[title] => [Drupal For Firebug on Chapter Three's Blog]

[href] => [node/6]

[attributes] => array (

[title] => [Goto the feed source for this content]

)

[simplefeed_item_url] => array (

[title] => [Source]

[href] => [http://chapterthree.com/blog/matt_cheney/drupal_for_firebug]

[absolute] => [1]

[attributes] => array (

[title] => [Goto the source of this post]

)

);

$view = stdClass Object (

[vid] => [2]

[name] => [blog]

[description] => [aggregated blog entries about Drupal for Firebug]

[access] => []

[page] => [1]

[page_title] => [Drupal for Firebug Development Blog]

[page_header] => [These blog entries are <a href="http://drupal.org/project/simplefeed">reposted automagically</a> from <a href="http://www.chapterthree.com/blog">www.chapterthree.com/blog</a>. ]

[page_header_format] => [1]

[page_empty] => [There are no current blog entries about Drupal for Firebug available on the Chapter Three blog.]

[page_empty_format] => [1]

[page_footer] => []

[page_footer_format] => [1]

[page_type] => [teaser]

[use_pager] => [1]

[nodes_per_page] => [10]

[url] => [blog]

[menu] => [0]

[menu_tab] => [0]

[menu_tab_weight] => [0]

[menu_title] => []

[menu_tab_default] => [0]

[menu_tab_default_parent_type] => [tab]

[menu_parent_title] => []

[menu_parent_tab_weight] => [0]

[block] => [0]

[block_title] => []

[block_use_page_header] => [0]

[block_header] => []

[block_header_format] => [1]

[block_use_page_footer] => [0]

[block_footer] => []

[block_footer_format] => [1]

[block_use_page_empty] => [0]

[block_empty] => []

[block_empty_format] => [1]

[block_type] => [node]

[nodes_per_block] => [0]

[block_more] => [0]

[breadcrumb_no_home] => [0]

[changed] => [1246486482]

[view_args_php] => []

[is_cacheable] => [1]

[sort] => array (

[0] => array (

[vid] => [2]

[position] => [0]

[field] => [node.created]

[sortorder] => [DESC]

[options] => [normal]

[tablename] => []

[id] => [node.created]

)

[argument] => []

[field] => []

[filter] => array (

[0] => array (

[vid] => [2]

[tablename] => []

[field] => [node.type]

[value] => array (

[0] => [feed_item]

)

[operator] => [OR]

[options] => []

[position] => [0]

[id] => [node.type]

)

[1] => array (

[vid] => [2]

[tablename] => []

[field] => [node.status]

[value] => [1]

[operator] => [=]

[options] => []

[position] => [1]

[id] => [node.status]

)

[2] => array (

[vid] => [2]

[tablename] => []

[field] => [node.distinct]

[value] => array (

[0] => [distinct]

)

[operator] => [=]

[options] => []

[position] => [2]

[id] => [node.distinct]

)

[exposed_filter] => []

[build_type] => [page]

[type] => [teaser]

[pager_limit] => [10]

[current_page] => [0]

[offset] => [0]

[] => []

);

Drupal for Firebug

Drupal for Firebug Development Blog

Columbus Day? Drupal Day!

Drupal for Firebug: Firebug talking Drupal

Drupal for Firebug: Firebug talking Drupal

Drupal for Firebug General Messages

SQL Query Log