View Full Version : debug console not working

Musical Shore
20 Nov 2009, 12:04 PM

I am including ext-all-debug.js (also ext-base-debug.js) with my application. However, when I hit ctrl+shift+home the debug console does not appear. If I hit that key combo on this page http://www.extjs.com/deploy/ext/examples/debug/debug-console.html, the debug console appears. Any ideas?



20 Nov 2009, 12:14 PM
In the examples folder look at the debug folder in that look at debug-console.html and debug.js.

ext-all-debug.js is only used to read the source code and set breakpoints if using firebug or IE developer toolbar.


Musical Shore
20 Nov 2009, 1:25 PM
Is this a simple fix or do I have to a lot of digging around in the code? I haven't made any changes to any of the debug sources, why doesn't the panel launch. It's kind of frustrating, because this seems like a feature that may be helpful, but in order to use it, I have to take a detour from my regular work and go digging around in a rather lengthy and cryptic piece of code that I am not altogether familiar with. Even if I succeed, it may be the case that the debug console is not so helpful to me. But I would have wasted a lot of time. OK, I will grant that I would have learned a lot more about extJS, but I'm going to learn that anyway no matter what I do.

20 Nov 2009, 1:28 PM
Just include debug.js after ext-all.js in your main html file.

I believe debug.js handles the keystrokes also besides the main debug window.


Musical Shore
20 Nov 2009, 1:50 PM
Thanks for your help, but that isn't working. Below is my include statement. Including debug.js does not help. Also, I'm looking at http://www.extjs.com/deploy/ext/examples/debug/debug-console.html (http://www.extjs.com/forum/../deploy/ext/examples/debug/debug-console.html), and they don't include debug.js, either.

<link href="/resource/1254110959000/ext3_0_0/resources/css/ext-all.css" rel="stylesheet" type="text/css" />

<script src="/resource/1254110959000/ext3_0_0/adapter/ext/ext-base-debug.js" type="text/javascript"></script>

<script src="/resource/1254110959000/ext3_0_0/ext-all-debug.js" type="text/javascript"></script>
<script src="/resource/1254110959000/ext3_0_0/examples/debug/debug.js" type="text/javascript"></script>

20 Nov 2009, 2:00 PM
Hmm the examples one from the Ext-JS download uses the debug.js and it works for me.

One thing they are using and your not is they don't have ext-base-debug.js loading they just have ext-base.js. Have you tried that?

Other then that try a small sample to see if it loads for you. If not paste the code your using here so we can test what your doing on our own machines.


20 Nov 2009, 2:09 PM
Looking at the source the examples folder ones do not use the keystrokes like the online one does.

You have to click the picture which is defined like this.

<a href="#" onclick="Ext.log('Hello from the Ext console. This is logged using the Ext.log function.');return false;"><img src="debug.png" style="margin:15px;"/></a>Calling Ext.log with text brings up the console on the screen.

Calling Ext.log(); from firebug made the console appear. :)

20 Nov 2009, 2:20 PM
The url you posted points to Ext-JS 1.1.1 not Ext-JS 3+. So that is why it is not working for you if your using ExtJS 3+.


Musical Shore
20 Nov 2009, 2:43 PM
Thanks a lot! Calling Ext.log() from the command line launches the debug console.

I have to say, while ExtJS is an amazing framework, the documentation is really awful. I always find myself on a wild-goose chase. Why hasn't that page documenting the debug feature been updated? How long ago was ExtJS1.1.1? There is nothing to indicate that the information is for an old version. That's really, really bad. There should at least be a note on the page indicating that this is deprecated code. Sorry to be so critical, but it's a real problem that should be addressed.

Thanks again for your help.

20 Nov 2009, 2:45 PM
It has goto http://www.extjs.com/deploy/dev/examples/debug/debug-console.html (http://www.extjs.com/forum/../deploy/dev/examples/debug/debug-console.html)

In your url it is deploy/ext the current one is deploy/dev.

Next time use the menu from the main extjs.com website to see the sample code or use the examples folder from your http server.


Musical Shore
20 Nov 2009, 2:51 PM
If I do a search for "Ext Debug Console"
is returned at the top of the list. I can't win against those odds.

ExtJS gets my vote for most red herrings! ~o)

20 Nov 2009, 3:00 PM
Yeah need to do some spring cleaning on extjs.com that is for sure!! And update the google cache. :)