Context Navigation

← Previous Revision
Latest Revision
Next Revision →
Blame
Revision Log

source: Dev/trunk/src/client/dojo/_firebug/firebug.js @ 485

Last change on this file since 485 was 483, checked in by hendrikvanantwerpen, 11 years ago
Added Dojo 1.9.3 release.
File size: 32.5 KB

Line
1	define([
2	"../_base/kernel",
3	"require",
4	"../_base/html",
5	"../sniff",
6	"../_base/array",
7	"../_base/lang",
8	"../_base/event",
9	"../_base/unload"], function(dojo, require, html, has){
10
11	// module:
12	// dojo/_firebug/firebug
13	// summary:
14	// Firebug Lite, the baby brother to Joe Hewitt's Firebug for Mozilla Firefox
15	// description:
16	// Opens a console for logging, debugging, and error messages.
17	// Contains partial functionality to Firebug. See function list below.
18	//
19	// NOTE:
20	// Firebug is a Firefox extension created by Joe Hewitt (see license). You do not need Dojo to run Firebug.
21	// Firebug Lite is included in Dojo by permission from Joe Hewitt
22	// If you are new to Firebug, or used to the Dojo 0.4 dojo.debug, you can learn Firebug
23	// functionality by reading the function comments below or visiting http://www.getfirebug.com/docs.html
24	//
25	// NOTE:
26	// To test Firebug Lite in Firefox:
27	//
28	// - FF2: set "console = null" before loading dojo and set djConfig.isDebug=true
29	// - FF3: disable Firebug and set djConfig.isDebug=true
30	//
31	// example:
32	// Supports inline objects in object inspector window (only simple trace of dom nodes, however)
33	// \| console.log("my object", {foo:"bar"})
34	// example:
35	// Option for console to open in popup window
36	// \| var djConfig = {isDebug: true, popup:true };
37	// example:
38	// Option for console height (ignored for popup)
39	// \| var djConfig = {isDebug: true, debugHeight:100 }
40
41
42	var isNewIE = (/Trident/.test(window.navigator.userAgent));
43	if(isNewIE){
44	// Fixing IE's console
45	// IE doesn't insert space between arguments. How annoying.
46	var calls = ["log", "info", "debug", "warn", "error"];
47	for(var i=0;i<calls.length;i++){
48	var m = calls[i];
49	if(!console[m] \|\|console[m]._fake){
50	// IE9 doesn't have console.debug method, a fake one is added later
51	continue;
52	}
53	var n = "_"+calls[i];
54	console[n] = console[m];
55	console[m] = (function(){
56	var type = n;
57	return function(){
58	console[type](Array.prototype.join.call(arguments, " "));
59	};
60	})();
61	}
62	// clear the console on load. This is more than a convenience - too many logs crashes it.
63	// If closed it throws an error
64	try{ console.clear(); }catch(e){}
65	}
66
67	if(
68	has("ff") \|\| // Firefox has Firebug
69	has("chrome") \|\| // Chrome 3+ has a console
70	has("safari") \|\| // Safari 4 has a console
71	isNewIE \|\| // Has the new IE console
72	window.firebug \|\| // Testing for mozilla firebug lite
73	(typeof console != "undefined" && console.firebug) \|\| //The firebug console
74	dojo.config.useCustomLogger \|\| // Allow custom loggers
75	has("air") // isDebug triggers AIRInsector, not Firebug
76	){
77	return;
78	}
79
80	// don't build firebug in iframes
81	try{
82	if(window != window.parent){
83	// but if we've got a parent logger, connect to it
84	if(window.parent["console"]){
85	window.console = window.parent.console;
86	}
87	return;
88	}
89	}catch(e){/squelch/}
90
91	// ***************************************************************************
92	// Placing these variables before the functions that use them to avoid a
93	// shrinksafe bug where variable renaming does not happen correctly otherwise.
94
95	// most of the objects in this script are run anonomously
96	var _firebugDoc = document;
97	var _firebugWin = window;
98	var __consoleAnchorId__ = 0;
99
100	var consoleFrame = null;
101	var consoleBody = null;
102	var consoleObjectInspector = null;
103	var fireBugTabs = null;
104	var commandLine = null;
105	var consoleToolbar = null;
106
107	var frameVisible = false;
108	var messageQueue = [];
109	var groupStack = [];
110	var timeMap = {};
111	var countMap = {};
112
113	var consoleDomInspector = null;
114	var _inspectionMoveConnection;
115	var _inspectionClickConnection;
116	var _inspectionEnabled = false;
117	var _inspectionTimer = null;
118	var _inspectTempNode = document.createElement("div");
119
120
121	var _inspectCurrentNode;
122	var _restoreBorderStyle;
123
124	// ***************************************************************************
125
126	window.console = {
127	_connects: [],
128	log: function(){
129	// summary:
130	// Sends arguments to console.
131	logFormatted(arguments, "");
132	},
133
134	debug: function(){
135	// summary:
136	// Sends arguments to console. Missing finctionality to show script line of trace.
137	logFormatted(arguments, "debug");
138	},
139
140	info: function(){
141	// summary:
142	// Sends arguments to console, highlighted with (I) icon.
143	logFormatted(arguments, "info");
144	},
145
146	warn: function(){
147	// summary:
148	// Sends warning arguments to console, highlighted with (!) icon and blue style.
149	logFormatted(arguments, "warning");
150	},
151
152	error: function(){
153	// summary:
154	// Sends error arguments (object) to console, highlighted with (X) icon and yellow style
155	// NEW: error object now displays in object inspector
156	logFormatted(arguments, "error");
157	},
158
159	assert: function(truth, message){
160	// summary:
161	// Tests for true. Throws exception if false.
162	if(!truth){
163	var args = [];
164	for(var i = 1; i < arguments.length; ++i){
165	args.push(arguments[i]);
166	}
167
168	logFormatted(args.length ? args : ["Assertion Failure"], "error");
169	throw message ? message : "Assertion Failure";
170	}
171	},
172
173	dir: function(obj){
174	var str = printObject( obj );
175	str = str.replace(/\n/g, "<br />");
176	str = str.replace(/\t/g, "    ");
177	logRow([str], "dir");
178	},
179
180	dirxml: function(node){
181	var html = [];
182	appendNode(node, html);
183	logRow(html, "dirxml");
184	},
185
186	group: function(){
187	// summary:
188	// collects log messages into a group, starting with this call and ending with
189	// groupEnd(). Missing collapse functionality
190	logRow(arguments, "group", pushGroup);
191	},
192
193	groupEnd: function(){
194	// summary:
195	// Closes group. See above
196	logRow(arguments, "", popGroup);
197	},
198
199	time: function(name){
200	// summary:
201	// Starts timers assigned to name given in argument. Timer stops and displays on timeEnd(title);
202	// example:
203	// \| console.time("load");
204	// \| console.time("myFunction");
205	// \| console.timeEnd("load");
206	// \| console.timeEnd("myFunction");
207	timeMap[name] = new Date().getTime();
208	},
209
210	timeEnd: function(name){
211	// summary:
212	// See above.
213	if(name in timeMap){
214	var delta = (new Date()).getTime() - timeMap[name];
215	logFormatted([name+ ":", delta+"ms"]);
216	delete timeMap[name];
217	}
218	},
219
220	count: function(name){
221	// summary:
222	// Not supported
223	if(!countMap[name]) countMap[name] = 0;
224	countMap[name]++;
225	logFormatted([name+": "+countMap[name]]);
226	},
227
228	trace: function(_value){
229	var stackAmt = _value \|\| 3;
230	var f = console.trace.caller; //function that called trace
231	console.log(">>> console.trace(stack)");
232	for(var i=0;i<stackAmt;i++){
233	var func = f.toString();
234	var args=[];
235	for (var a = 0; a < f.arguments.length; a++){
236	args.push(f.arguments[a]);
237	}
238	if(f.arguments.length){
239	console.dir({"function":func, "arguments":args});
240	}else{
241	console.dir({"function":func});
242	}
243
244	f = f.caller;
245	}
246	},
247
248	profile: function(){
249	// summary:
250	// Not supported
251	this.warn(["profile() not supported."]);
252	},
253
254	profileEnd: function(){ },
255
256	clear: function(){
257	// summary:
258	// Clears message console. Do not call this directly
259	if(consoleBody){
260	while(consoleBody.childNodes.length){
261	dojo.destroy(consoleBody.firstChild);
262	}
263	}
264	dojo.forEach(this._connects,dojo.disconnect);
265	},
266
267	open: function(){
268	// summary:
269	// Opens message console. Do not call this directly
270	toggleConsole(true);
271	},
272
273	close: function(){
274	// summary:
275	// Closes message console. Do not call this directly
276	if(frameVisible){
277	toggleConsole();
278	}
279	},
280	_restoreBorder: function(){
281	if(_inspectCurrentNode){
282	_inspectCurrentNode.style.border = _restoreBorderStyle;
283	}
284	},
285	openDomInspector: function(){
286	_inspectionEnabled = true;
287	consoleBody.style.display = "none";
288	consoleDomInspector.style.display = "block";
289	consoleObjectInspector.style.display = "none";
290	document.body.style.cursor = "pointer";
291	_inspectionMoveConnection = dojo.connect(document, "mousemove", function(evt){
292	if(!_inspectionEnabled){ return; }
293	if(!_inspectionTimer){
294	_inspectionTimer = setTimeout(function(){ _inspectionTimer = null; }, 50);
295	}else{
296	return;
297	}
298	var node = evt.target;
299	if(node && (_inspectCurrentNode !== node)){
300	var parent = true;
301
302	console._restoreBorder();
303	var html = [];
304	appendNode(node, html);
305	consoleDomInspector.innerHTML = html.join("");
306
307	_inspectCurrentNode = node;
308	_restoreBorderStyle = _inspectCurrentNode.style.border;
309	_inspectCurrentNode.style.border = "#0000FF 1px solid";
310	}
311	});
312	setTimeout(function(){
313	_inspectionClickConnection = dojo.connect(document, "click", function(evt){
314	document.body.style.cursor = "";
315	_inspectionEnabled = !_inspectionEnabled;
316	dojo.disconnect(_inspectionClickConnection);
317	// console._restoreBorder();
318	});
319	}, 30);
320	},
321	_closeDomInspector: function(){
322	document.body.style.cursor = "";
323	dojo.disconnect(_inspectionMoveConnection);
324	dojo.disconnect(_inspectionClickConnection);
325	_inspectionEnabled = false;
326	console._restoreBorder();
327	},
328	openConsole:function(){
329	// summary:
330	// Closes object inspector and opens message console. Do not call this directly
331	consoleBody.style.display = "block";
332	consoleDomInspector.style.display = "none";
333	consoleObjectInspector.style.display = "none";
334	console._closeDomInspector();
335	},
336	openObjectInspector:function(){
337	consoleBody.style.display = "none";
338	consoleDomInspector.style.display = "none";
339	consoleObjectInspector.style.display = "block";
340	console._closeDomInspector();
341	},
342	recss: function(){
343	// this is placed in dojo since the console is most likely
344	// in another window and dojo is easilly accessible
345	var i,a,s;a=document.getElementsByTagName('link');
346	for(i=0;i<a.length;i++){
347	s=a[i];
348	if(s.rel.toLowerCase().indexOf('stylesheet')>=0&&s.href){
349	var h=s.href.replace(/(&\|%5C?)forceReload=\d+/,'');
350	s.href=h+(h.indexOf('?')>=0?'&':'?')+'forceReload='+new Date().valueOf();
351	}
352	}
353	}
354	};
355
356	// ***************************************************************************
357
358	function toggleConsole(forceOpen){
359	frameVisible = forceOpen \|\| !frameVisible;
360	if(consoleFrame){
361	consoleFrame.style.display = frameVisible ? "block" : "none";
362	}
363	}
364
365	function focusCommandLine(){
366	toggleConsole(true);
367	if(commandLine){
368	commandLine.focus();
369	}
370	}
371
372	function openWin(x,y,w,h){
373	var win = window.open("","_firebug","status=0,menubar=0,resizable=1,top="+y+",left="+x+",width="+w+",height="+h+",scrollbars=1,addressbar=0");
374	if(!win){
375	var msg = "Firebug Lite could not open a pop-up window, most likely because of a blocker.\n" +
376	"Either enable pop-ups for this domain, or change the djConfig to popup=false.";
377	alert(msg);
378	}
379	createResizeHandler(win);
380	var newDoc=win.document;
381	//Safari needs an HTML height
382	var HTMLstring= '<html style="height:100%;"><head><title>Firebug Lite</title></head>\n' +
383	'<body bgColor="#ccc" style="height:97%;" onresize="opener.onFirebugResize()">\n' +
384	'<div id="fb"></div>' +
385	'</body></html>';
386
387	newDoc.write(HTMLstring);
388	newDoc.close();
389	return win;
390	}
391
392	function createResizeHandler(wn){
393	// summary:
394	// Creates handle for onresize window. Called from script in popup's body tag (so that it will work with IE).
395	//
396
397	var d = new Date();
398	d.setTime(d.getTime()+(602460601000)); // 60 days
399	d = d.toUTCString();
400
401	var dc = wn.document,
402	getViewport;
403
404	if (wn.innerWidth){
405	getViewport = function(){
406	return{w:wn.innerWidth, h:wn.innerHeight};
407	};
408	}else if (dc.documentElement && dc.documentElement.clientWidth){
409	getViewport = function(){
410	return{w:dc.documentElement.clientWidth, h:dc.documentElement.clientHeight};
411	};
412	}else if (dc.body){
413	getViewport = function(){
414	return{w:dc.body.clientWidth, h:dc.body.clientHeight};
415	};
416	}
417
418
419	window.onFirebugResize = function(){
420
421	//resize the height of the console log body
422	layout(getViewport().h);
423
424	clearInterval(wn._firebugWin_resize);
425	wn._firebugWin_resize = setTimeout(function(){
426	var x = wn.screenLeft,
427	y = wn.screenTop,
428	w = wn.outerWidth \|\| wn.document.body.offsetWidth,
429	h = wn.outerHeight \|\| wn.document.body.offsetHeight;
430
431	document.cookie = "_firebugPosition=" + [x,y,w,h].join(",") + "; expires="+d+"; path=/";
432
433	}, 5000); //can't capture window.onMove - long timeout gives better chance of capturing a resize, then the move
434
435	};
436	}
437
438
439	/*****************************************************************************/
440
441
442	function createFrame(){
443	if(consoleFrame){
444	return;
445	}
446	toggleConsole(true);
447	if(dojo.config.popup){
448	var containerHeight = "100%";
449	var cookieMatch = document.cookie.match(/(?:^\|; )_firebugPosition=([^;]*)/);
450	var p = cookieMatch ? cookieMatch[1].split(",") : [2,2,320,480];
451
452	_firebugWin = openWin(p[0],p[1],p[2],p[3]); // global
453	_firebugDoc = _firebugWin.document; // global
454
455	dojo.config.debugContainerId = 'fb';
456
457	// connecting popup
458	_firebugWin.console = window.console;
459	_firebugWin.dojo = window.dojo;
460	}else{
461	_firebugDoc = document;
462	containerHeight = (dojo.config.debugHeight \|\| 300) + "px";
463	}
464
465	var styleElement = _firebugDoc.createElement("link");
466	styleElement.href = require.toUrl("./firebug.css");
467	styleElement.rel = "stylesheet";
468	styleElement.type = "text/css";
469	var styleParent = _firebugDoc.getElementsByTagName("head");
470	if(styleParent){
471	styleParent = styleParent[0];
472	}
473	if(!styleParent){
474	styleParent = _firebugDoc.getElementsByTagName("html")[0];
475	}
476	if(has("ie")){
477	window.setTimeout(function(){ styleParent.appendChild(styleElement); }, 0);
478	}else{
479	styleParent.appendChild(styleElement);
480	}
481
482	if(dojo.config.debugContainerId){
483	consoleFrame = _firebugDoc.getElementById(dojo.config.debugContainerId);
484	}
485	if(!consoleFrame){
486	consoleFrame = _firebugDoc.createElement("div");
487	_firebugDoc.body.appendChild(consoleFrame);
488	}
489	consoleFrame.className += " firebug";
490	consoleFrame.id = "firebug";
491	consoleFrame.style.height = containerHeight;
492	consoleFrame.style.display = (frameVisible ? "block" : "none");
493
494	var buildLink = function(label, title, method, _class){
495	return '<li class="'+_class+'"><a href="javascript:void(0);" onclick="console.'+ method +'(); return false;" title="'+title+'">'+label+'</a></li>';
496	};
497	consoleFrame.innerHTML =
498	'<div id="firebugToolbar">'
499	+ ' <ul id="fireBugTabs" class="tabs">'
500
501	+ buildLink("Clear", "Remove All Console Logs", "clear", "")
502	+ buildLink("ReCSS", "Refresh CSS without reloading page", "recss", "")
503
504	+ buildLink("Console", "Show Console Logs", "openConsole", "gap")
505	+ buildLink("DOM", "Show DOM Inspector", "openDomInspector", "")
506	+ buildLink("Object", "Show Object Inspector", "openObjectInspector", "")
507	+ ((dojo.config.popup) ? "" : buildLink("Close", "Close the console", "close", "gap"))
508
509	+ ' </ul>'
510	+ '</div>'
511	+ '<input type="text" id="firebugCommandLine" />'
512	+ '<div id="firebugLog"></div>'
513	+ '<div id="objectLog" style="display:none;">Click on an object in the Log display</div>'
514	+ '<div id="domInspect" style="display:none;">Hover over HTML elements in the main page. Click to hold selection.</div>';
515
516
517	consoleToolbar = _firebugDoc.getElementById("firebugToolbar");
518
519	commandLine = _firebugDoc.getElementById("firebugCommandLine");
520	addEvent(commandLine, "keydown", onCommandLineKeyDown);
521
522	addEvent(_firebugDoc, has("ie") \|\| has("safari") ? "keydown" : "keypress", onKeyDown);
523
524	consoleBody = _firebugDoc.getElementById("firebugLog");
525	consoleObjectInspector = _firebugDoc.getElementById("objectLog");
526	consoleDomInspector = _firebugDoc.getElementById("domInspect");
527	fireBugTabs = _firebugDoc.getElementById("fireBugTabs");
528	layout();
529	flush();
530	}
531
532	dojo.addOnLoad(createFrame);
533
534	function clearFrame(){
535	_firebugDoc = null;
536
537	if(_firebugWin.console){
538	_firebugWin.console.clear();
539	}
540	_firebugWin = null;
541	consoleFrame = null;
542	consoleBody = null;
543	consoleObjectInspector = null;
544	consoleDomInspector = null;
545	commandLine = null;
546	messageQueue = [];
547	groupStack = [];
548	timeMap = {};
549	}
550
551
552	function evalCommandLine(){
553	var text = commandLine.value;
554	commandLine.value = "";
555
556	logRow(["> ", text], "command");
557
558	var value;
559	try{
560	value = eval(text);
561	}catch(e){
562	console.debug(e); // put exception on the console
563	}
564
565	console.log(value);
566	}
567
568	function layout(h){
569	var tHeight = 25; //consoleToolbar.offsetHeight; // tab style not ready on load - throws off layout
570	var height = h ?
571	h - (tHeight + commandLine.offsetHeight +25 + (h*.01)) + "px" :
572	(consoleFrame.offsetHeight - tHeight - commandLine.offsetHeight) + "px";
573
574	consoleBody.style.top = tHeight + "px";
575	consoleBody.style.height = height;
576	consoleObjectInspector.style.height = height;
577	consoleObjectInspector.style.top = tHeight + "px";
578	consoleDomInspector.style.height = height;
579	consoleDomInspector.style.top = tHeight + "px";
580	commandLine.style.bottom = 0;
581
582	dojo.addOnWindowUnload(clearFrame);
583	}
584
585	function logRow(message, className, handler){
586	if(consoleBody){
587	writeMessage(message, className, handler);
588	}else{
589	messageQueue.push([message, className, handler]);
590	}
591	}
592
593	function flush(){
594	var queue = messageQueue;
595	messageQueue = [];
596
597	for(var i = 0; i < queue.length; ++i){
598	writeMessage(queue[i][0], queue[i][1], queue[i][2]);
599	}
600	}
601
602	function writeMessage(message, className, handler){
603	var isScrolledToBottom =
604	consoleBody.scrollTop + consoleBody.offsetHeight >= consoleBody.scrollHeight;
605
606	handler = handler\|\|writeRow;
607
608	handler(message, className);
609
610	if(isScrolledToBottom){
611	consoleBody.scrollTop = consoleBody.scrollHeight - consoleBody.offsetHeight;
612	}
613	}
614
615	function appendRow(row){
616	var container = groupStack.length ? groupStack[groupStack.length-1] : consoleBody;
617	container.appendChild(row);
618	}
619
620	function writeRow(message, className){
621	var row = consoleBody.ownerDocument.createElement("div");
622	row.className = "logRow" + (className ? " logRow-"+className : "");
623	row.innerHTML = message.join("");
624	appendRow(row);
625	}
626
627	function pushGroup(message, className){
628	logFormatted(message, className);
629
630	//var groupRow = consoleBody.ownerDocument.createElement("div");
631	//groupRow.className = "logGroup";
632	var groupRowBox = consoleBody.ownerDocument.createElement("div");
633	groupRowBox.className = "logGroupBox";
634	//groupRow.appendChild(groupRowBox);
635	appendRow(groupRowBox);
636	groupStack.push(groupRowBox);
637	}
638
639	function popGroup(){
640	groupStack.pop();
641	}
642
643	// ***************************************************************************
644
645	function logFormatted(objects, className){
646	var html = [];
647
648	var format = objects[0];
649	var objIndex = 0;
650
651	if(typeof(format) != "string"){
652	format = "";
653	objIndex = -1;
654	}
655
656	var parts = parseFormat(format);
657
658	for(var i = 0; i < parts.length; ++i){
659	var part = parts[i];
660	if(part && typeof part == "object"){
661	part.appender(objects[++objIndex], html);
662	}else{
663	appendText(part, html);
664	}
665	}
666
667
668	var ids = [];
669	var obs = [];
670	for(i = objIndex+1; i < objects.length; ++i){
671	appendText(" ", html);
672
673	var object = objects[i];
674	if(object === undefined \|\| object === null ){
675	appendNull(object, html);
676
677	}else if(typeof(object) == "string"){
678	appendText(object, html);
679
680	}else if(object instanceof Date){
681	appendText(object.toString(), html);
682
683	}else if(object.nodeType == 9){
684	appendText("[ XmlDoc ]", html);
685
686	}else{
687	// Create link for object inspector
688	// need to create an ID for this link, since it is currently text
689	var id = "_a" + __consoleAnchorId__++;
690	ids.push(id);
691	// need to save the object, so the arrays line up
692	obs.push(object);
693	var str = '<a id="'+id+'" href="javascript:void(0);">'+getObjectAbbr(object)+'</a>';
694
695	appendLink( str , html);
696	}
697	}
698
699	logRow(html, className);
700
701	// Now that the row is inserted in the DOM, loop through all of the links that were just created
702	for(i=0; i<ids.length; i++){
703	var btn = _firebugDoc.getElementById(ids[i]);
704	if(!btn){ continue; }
705
706	// store the object in the dom btn for reference later
707	// avoid parsing these objects unless necessary
708	btn.obj = obs[i];
709
710	_firebugWin.console._connects.push(dojo.connect(btn, "onclick", function(){
711
712	console.openObjectInspector();
713
714	try{
715	printObject(this.obj);
716	}catch(e){
717	this.obj = e;
718	}
719	consoleObjectInspector.innerHTML = "<pre>" + printObject( this.obj ) + "</pre>";
720	}));
721	}
722	}
723
724	function parseFormat(format){
725	var parts = [];
726
727	var reg = /((^%\|[^\\]%)(\d+)?(\.)([a-zA-Z]))\|((^%\|[^\\]%)([a-zA-Z]))/;
728	var appenderMap = {s: appendText, d: appendInteger, i: appendInteger, f: appendFloat};
729
730	for(var m = reg.exec(format); m; m = reg.exec(format)){
731	var type = m[8] ? m[8] : m[5];
732	var appender = type in appenderMap ? appenderMap[type] : appendObject;
733	var precision = m[3] ? parseInt(m[3]) : (m[4] == "." ? -1 : 0);
734
735	parts.push(format.substr(0, m[0][0] == "%" ? m.index : m.index+1));
736	parts.push({appender: appender, precision: precision});
737
738	format = format.substr(m.index+m[0].length);
739	}
740
741	parts.push(format);
742
743	return parts;
744	}
745
746	function escapeHTML(value){
747	function replaceChars(ch){
748	switch(ch){
749	case "<":
750	return "<";
751	case ">":
752	return ">";
753	case "&":
754	return "&";
755	case "'":
756	return "'";
757	case '"':
758	return """;
759	}
760	return "?";
761	}
762	return String(value).replace(/[<>&"']/g, replaceChars);
763	}
764
765	function objectToString(object){
766	try{
767	return object+"";
768	}catch(e){
769	return null;
770	}
771	}
772
773	// ***************************************************************************
774	function appendLink(object, html){
775	// needed for object links - no HTML escaping
776	html.push( objectToString(object) );
777	}
778
779	function appendText(object, html){
780	html.push(escapeHTML(objectToString(object)));
781	}
782
783	function appendNull(object, html){
784	html.push('<span class="objectBox-null">', escapeHTML(objectToString(object)), '</span>');
785	}
786
787	function appendString(object, html){
788	html.push('<span class="objectBox-string">"', escapeHTML(objectToString(object)),
789	'"</span>');
790	}
791
792	function appendInteger(object, html){
793	html.push('<span class="objectBox-number">', escapeHTML(objectToString(object)), '</span>');
794	}
795
796	function appendFloat(object, html){
797	html.push('<span class="objectBox-number">', escapeHTML(objectToString(object)), '</span>');
798	}
799
800	function appendFunction(object, html){
801	html.push('<span class="objectBox-function">', getObjectAbbr(object), '</span>');
802	}
803
804	function appendObject(object, html){
805	try{
806	if(object === undefined){
807	appendNull("undefined", html);
808	}else if(object === null){
809	appendNull("null", html);
810	}else if(typeof object == "string"){
811	appendString(object, html);
812	}else if(typeof object == "number"){
813	appendInteger(object, html);
814	}else if(typeof object == "function"){
815	appendFunction(object, html);
816	}else if(object.nodeType == 1){
817	appendSelector(object, html);
818	}else if(typeof object == "object"){
819	appendObjectFormatted(object, html);
820	}else{
821	appendText(object, html);
822	}
823	}catch(e){
824	/* squelch */
825	}
826	}
827
828	function appendObjectFormatted(object, html){
829	var text = objectToString(object);
830	var reObject = /\[object (.*?)\]/;
831
832	var m = reObject.exec(text);
833	html.push('<span class="objectBox-object">', m ? m[1] : text, '</span>');
834	}
835
836	function appendSelector(object, html){
837	html.push('<span class="objectBox-selector">');
838
839	html.push('<span class="selectorTag">', escapeHTML(object.nodeName.toLowerCase()), '</span>');
840	if(object.id){
841	html.push('<span class="selectorId">#', escapeHTML(object.id), '</span>');
842	}
843	if(object.className){
844	html.push('<span class="selectorClass">.', escapeHTML(object.className), '</span>');
845	}
846
847	html.push('</span>');
848	}
849
850	function appendNode(node, html){
851	if(node.nodeType == 1){
852	html.push(
853	'<div class="objectBox-element">',
854	'<<span class="nodeTag">', node.nodeName.toLowerCase(), '</span>');
855
856	for(var i = 0; i < node.attributes.length; ++i){
857	var attr = node.attributes[i];
858	if(!attr.specified){ continue; }
859
860	html.push(' <span class="nodeName">', attr.nodeName.toLowerCase(),
861	'</span>="<span class="nodeValue">', escapeHTML(attr.nodeValue),
862	'</span>"');
863	}
864
865	if(node.firstChild){
866	html.push('></div><div class="nodeChildren">');
867
868	for(var child = node.firstChild; child; child = child.nextSibling){
869	appendNode(child, html);
870	}
871
872	html.push('</div><div class="objectBox-element"></<span class="nodeTag">',
873	node.nodeName.toLowerCase(), '></span></div>');
874	}else{
875	html.push('/></div>');
876	}
877	}else if (node.nodeType == 3){
878	html.push('<div class="nodeText">', escapeHTML(node.nodeValue),
879	'</div>');
880	}
881	}
882
883	// ***************************************************************************
884
885	function addEvent(object, name, handler){
886	if(document.all){
887	object.attachEvent("on"+name, handler);
888	}else{
889	object.addEventListener(name, handler, false);
890	}
891	}
892
893	function removeEvent(object, name, handler){
894	if(document.all){
895	object.detachEvent("on"+name, handler);
896	}else{
897	object.removeEventListener(name, handler, false);
898	}
899	}
900
901	function cancelEvent(event){
902	if(document.all){
903	event.cancelBubble = true;
904	}else{
905	event.stopPropagation();
906	}
907	}
908
909	function onError(msg, href, lineNo){
910	var lastSlash = href.lastIndexOf("/");
911	var fileName = lastSlash == -1 ? href : href.substr(lastSlash+1);
912
913	var html = [
914	'<span class="errorMessage">', msg, '</span>',
915	'<div class="objectBox-sourceLink">', fileName, ' (line ', lineNo, ')</div>'
916	];
917
918	logRow(html, "error");
919	}
920
921
922	//After converting to div instead of iframe, now getting two keydowns right away in IE 6.
923	//Make sure there is a little bit of delay.
924	var onKeyDownTime = new Date().getTime();
925
926	function onKeyDown(event){
927	var timestamp = (new Date()).getTime();
928	if(timestamp > onKeyDownTime + 200){
929	event = dojo.fixEvent(event);
930	var keys = dojo.keys;
931	var ekc = event.keyCode;
932	onKeyDownTime = timestamp;
933	if(ekc == keys.F12){
934	toggleConsole();
935	}else if(
936	(ekc == keys.NUMPAD_ENTER \|\| ekc == 76) &&
937	event.shiftKey &&
938	(event.metaKey \|\| event.ctrlKey)
939	){
940	focusCommandLine();
941	}else{
942	return;
943	}
944	cancelEvent(event);
945	}
946	}
947
948	function onCommandLineKeyDown(e){
949	var dk = dojo.keys;
950	if(e.keyCode == 13 && commandLine.value){
951	addToHistory(commandLine.value);
952	evalCommandLine();
953	}else if(e.keyCode == 27){
954	commandLine.value = "";
955	}else if(e.keyCode == dk.UP_ARROW \|\| e.charCode == dk.UP_ARROW){
956	navigateHistory("older");
957	}else if(e.keyCode == dk.DOWN_ARROW \|\| e.charCode == dk.DOWN_ARROW){
958	navigateHistory("newer");
959	}else if(e.keyCode == dk.HOME \|\| e.charCode == dk.HOME){
960	historyPosition = 1;
961	navigateHistory("older");
962	}else if(e.keyCode == dk.END \|\| e.charCode == dk.END){
963	historyPosition = 999999;
964	navigateHistory("newer");
965	}
966	}
967
968	var historyPosition = -1;
969	var historyCommandLine = null;
970
971	function addToHistory(value){
972	var history = cookie("firebug_history");
973	history = (history) ? dojo.fromJson(history) : [];
974	var pos = dojo.indexOf(history, value);
975	if (pos != -1){
976	history.splice(pos, 1);
977	}
978	history.push(value);
979	cookie("firebug_history", dojo.toJson(history), 30);
980	while(history.length && !cookie("firebug_history")){
981	history.shift();
982	cookie("firebug_history", dojo.toJson(history), 30);
983	}
984	historyCommandLine = null;
985	historyPosition = -1;
986	}
987
988	function navigateHistory(direction){
989	var history = cookie("firebug_history");
990	history = (history) ? dojo.fromJson(history) : [];
991	if(!history.length){
992	return;
993	}
994
995	if(historyCommandLine === null){
996	historyCommandLine = commandLine.value;
997	}
998
999	if(historyPosition == -1){
1000	historyPosition = history.length;
1001	}
1002
1003	if(direction == "older"){
1004	--historyPosition;
1005	if(historyPosition < 0){
1006	historyPosition = 0;
1007	}
1008	}else if(direction == "newer"){
1009	++historyPosition;
1010	if(historyPosition > history.length){
1011	historyPosition = history.length;
1012	}
1013	}
1014
1015	if(historyPosition == history.length){
1016	commandLine.value = historyCommandLine;
1017	historyCommandLine = null;
1018	}else{
1019	commandLine.value = history[historyPosition];
1020	}
1021	}
1022
1023	function cookie(name, value){
1024	var c = document.cookie;
1025	if(arguments.length == 1){
1026	var matches = c.match(new RegExp("(?:^\|; )" + name + "=([^;]*)"));
1027	return matches ? decodeURIComponent(matches[1]) : undefined; // String or undefined
1028	}else{
1029	var d = new Date();
1030	d.setMonth(d.getMonth()+1);
1031	document.cookie = name + "=" + encodeURIComponent(value) + ((d.toUtcString) ? "; expires=" + d.toUTCString() : "");
1032	}
1033	}
1034
1035	function isArray(it){
1036	return it && it instanceof Array \|\| typeof it == "array";
1037	}
1038
1039	//***************************************************************************************************
1040	// Print Object Helpers
1041	function objectLength(o){
1042	var cnt = 0;
1043	for(var nm in o){
1044	cnt++;
1045	}
1046	return cnt;
1047	}
1048
1049	function printObject(o, i, txt, used){
1050	// Recursively trace object, indenting to represent depth for display in object inspector
1051	var ind = " \t";
1052	txt = txt \|\| "";
1053	i = i \|\| ind;
1054	used = used \|\| [];
1055	var opnCls;
1056
1057	if(o && o.nodeType == 1){
1058	var html = [];
1059	appendNode(o, html);
1060	return html.join("");
1061	}
1062
1063	var br=",\n", cnt = 0, length = objectLength(o);
1064
1065	if(o instanceof Date){
1066	return i + o.toString() + br;
1067	}
1068	looking:
1069	for(var nm in o){
1070	cnt++;
1071	if(cnt==length){br = "\n";}
1072	if(o[nm] === window \|\| o[nm] === document){
1073	// do nothing
1074	}else if(o[nm] === null){
1075	txt += i+nm + " : NULL" + br;
1076	}else if(o[nm] && o[nm].nodeType){
1077	if(o[nm].nodeType == 1){
1078	//txt += i+nm + " : < "+o[nm].tagName+" id=\""+ o[nm].id+"\" />" + br;
1079	}else if(o[nm].nodeType == 3){
1080	txt += i+nm + " : [ TextNode "+o[nm].data + " ]" + br;
1081	}
1082
1083	}else if(typeof o[nm] == "object" && (o[nm] instanceof String \|\| o[nm] instanceof Number \|\| o[nm] instanceof Boolean)){
1084	txt += i+nm + " : " + o[nm] + "," + br;
1085
1086	}else if(o[nm] instanceof Date){
1087	txt += i+nm + " : " + o[nm].toString() + br;
1088
1089	}else if(typeof(o[nm]) == "object" && o[nm]){
1090	for(var j = 0, seen; seen = used[j]; j++){
1091	if(o[nm] === seen){
1092	txt += i+nm + " : RECURSION" + br;
1093	continue looking;
1094	}
1095	}
1096	used.push(o[nm]);
1097
1098	opnCls = (isArray(o[nm]))?["[","]"]:["{","}"];
1099	txt += i+nm +" : " + opnCls[0] + "\n";//non-standard break, (no comma)
1100	txt += printObject(o[nm], i+ind, "", used);
1101	txt += i + opnCls[1] + br;
1102
1103	}else if(typeof o[nm] == "undefined"){
1104	txt += i+nm + " : undefined" + br;
1105	}else if(nm == "toString" && typeof o[nm] == "function"){
1106	var toString = o[nm]();
1107	if(typeof toString == "string" && toString.match(/function ?(.*?)\(/)){
1108	toString = escapeHTML(getObjectAbbr(o[nm]));
1109	}
1110	txt += i+nm +" : " + toString + br;
1111	}else{
1112	txt += i+nm +" : "+ escapeHTML(getObjectAbbr(o[nm])) + br;
1113	}
1114	}
1115	return txt;
1116	}
1117
1118	function getObjectAbbr(obj){
1119	// Gets an abbreviation of an object for display in log
1120	// X items in object, including id
1121	// X items in an array
1122	// TODO: Firebug Sr. actually goes by char count
1123	var isError = (obj instanceof Error);
1124	if(obj.nodeType == 1){
1125	return escapeHTML('< '+obj.tagName.toLowerCase()+' id=\"'+ obj.id+ '\" />');
1126	}
1127	if(obj.nodeType == 3){
1128	return escapeHTML('[TextNode: "'+obj.nodeValue+'"]');
1129	}
1130	var nm = (obj && (obj.id \|\| obj.name \|\| obj.ObjectID \|\| obj.widgetId));
1131	if(!isError && nm){ return "{"+nm+"}"; }
1132
1133	var obCnt = 2;
1134	var arCnt = 4;
1135	var cnt = 0;
1136
1137	if(isError){
1138	nm = "[ Error: "+(obj.message \|\| obj.description \|\| obj)+" ]";
1139	}else if(isArray(obj)){
1140	nm = "[" + obj.slice(0,arCnt).join(",");
1141	if(obj.length > arCnt){
1142	nm += " ... ("+obj.length+" items)";
1143	}
1144	nm += "]";
1145	}else if(typeof obj == "function"){
1146	nm = obj + "";
1147	var reg = /function\s([^\(])(\([^\)]\))[^\{]\{/;
1148	var m = reg.exec(nm);
1149	if(m){
1150	if(!m[1]){
1151	m[1] = "function";
1152	}
1153	nm = m[1] + m[2];
1154	}else{
1155	nm = "function()";
1156	}
1157	}else if(typeof obj != "object" \|\| typeof obj == "string"){
1158	nm = obj + "";
1159	}else{
1160	nm = "{";
1161	for(var i in obj){
1162	cnt++;
1163	if(cnt > obCnt){ break; }
1164	nm += i+":"+escapeHTML(obj[i])+" ";
1165	}
1166	nm+="}";
1167	}
1168
1169	return nm;
1170	}
1171
1172	//*************************************************************************************
1173
1174	//window.onerror = onError;
1175
1176	addEvent(document, has("ie") \|\| has("safari") ? "keydown" : "keypress", onKeyDown);
1177
1178	if( (document.documentElement.getAttribute("debug") == "true")\|\|
1179	(dojo.config.isDebug)
1180	){
1181	toggleConsole(true);
1182	}
1183
1184	dojo.addOnWindowUnload(function(){
1185	// Erase the globals and event handlers I created, to prevent spurious leak warnings
1186	removeEvent(document, has("ie") \|\| has("safari") ? "keydown" : "keypress", onKeyDown);
1187	window.onFirebugResize = null;
1188	window.console = null;
1189	});
1190
1191	});

Note: See TracBrowser for help on using the repository browser.

Download in other formats: