Depurador de javascript de chrome

[franfis]

Hola, no pensaba que se podía hacer esto con google chrome hasta que vi esta pagina     
http://chuwiki.chuidiang.org/index.php?title=Depurar_javascript_con_Chrome

pero el problema que tengo es que en el sitio que puse arriba el código javascript aparece totalmente claro pero en el mio aparece totalmente desordenado, todo junto
apesar que en el archivo en que tengo el código esta bien ordenado.

Tambien ese chrome del link parece mas sofisticado, con iconos y todo ¿sera la version?

[engel lex]

define "aparece todo desordenado"

usas frameworks como jquery?

tambien lo puedes activar con f12

[franfis]

Si uso Jquery, bueno lo usa el script que quiero analizar, con "desordenado" quiero decir asi:

Código [Seleccionar] Expandir

o=this.data('pagination');o.disabled=false;this.data('pagination',o);methods._draw.call(this);return this;},_draw:function(){var $panel=this,o=$panel.data('pagination'),interval=methods._getInterval(o),i;methods.destroy.call(this);if(o.prevText)methods._appendItem.call(this,o.currentPage-1,{text:o.prevText,classes:'prev'});if(interval.start>0&&o.edges>0){var end=Math.min(o.edges,interval.start);for(i=0;i<end;i++)methods._appendItem.call(this,i);if(o.edges<interval.start&&(interval.start-o.edges!=1))$panel.append('<span class="ellipse">'+o.ellipseText+'</span>');else if(interval.start-o.edges==1)methods._appendItem.call(this,o.edges);}
for(i=interval.start;i<interval.end;i++)methods._appendItem.call(this,i);if(interval.end<o.pages&&o.edges>0){if(o.pages-o.edges>interval.end&&(o.pages-o.edges-interval.end!=1))$panel.append('<span class="ellipse">'+o.ellipseText+'</span>');else if(o.pages-o.edges-interval.end==1)methods._appendItem.call(this,interval.end++);var begin=Math.max(o.pages-o.edges,interval.end);for(i=begin;i<o.pages;i++)methods._appendItem.call(this,i);}
if(o.nextText)methods._appendItem.call(this,o.currentPage+1,{text:o.nextText,classes:'next'});},_getInterval:function(o){return{start:Math.ceil(o.currentPage>o.halfDisplayed?Math.max(Math.min(o.currentPage-o.halfDisplayed,(o.pages-o.displayedPages)),0):0),end:Math.ceil(o.currentPage>o.halfDisplayed?Math.min(o.currentPage+o.halfDisplayed,o.pages):Math.min(o.displayedPages,o.pages))};},_appendItem:function(pageIndex,opts){var self=this,options,$link,o=self.data('pagination');pageIndex=pageIndex<0?0:(pageIndex<o.pages?pageIndex:o.pages-1);options=$.extend({text:pageIndex+1,classes:''},opts||{});if(pageIndex==o.currentPage||o.disabled)$link=$('<span class="current">'+(options.text)+'</span>');else{$link=$('<a href="'+o.hrefTextPrefix+(pageIndex+1)+o.hrefTextSuffix+'" class="page-link">'+(options.text)+'</a>');$link.click(function(event){return methods._selectPage.call(self,pageIndex,event);return false;});}
if(options.classes)$link.addClass(options.classes);self.append($link);},_mostrarItem:function(lx){if(lx){lmg=lx.find('img')
A que te refieres con f12, que abre la herramienta en general. No sucede con otros jquery que tengo. Este script lo baje de una web que lo tenia comprimido, pero lo traté de analizar descomprimido y sale así.¿sera porque es demasiado grande el codigo?

Gracias

[engel lex]

no, debe ser que está minimizado, es decir no tiene saltos de linea ni caracteres de más para ser compacto y rápido....

[franfis]

Se soluciona haciendo click a un boton abajito donde dice "{}"