Transmissão de Conhecimento, usando a função dir do Firebug

19 06 2008

O firebug é uma extensão para o navegador firefox que tem por objetivo auxiliar desenvolvedores web durante o processo de criação de um site/aplicativo.

Existem vários tutoriais que explicam como tirar proveito dos vários recursos desta poderosa ferramenta. Dois bons tutoriais são: Debugging With Firefox e o Loggind e Profile, além disso no próprio site do Firebug existe a documentação que não é muito boa mas já ajuda

Então vamos ao que interessa, O comando que vou apresentar aqui é o dir. Pegando do próprio manual a explicação sobre o comando é a seguinte:

Prints an interactive listing of all properties of the object. This looks identical to the view that you would see in the DOM tab.

Ou seja ela permite que você veja a estrutura de um objeto Javascript.

Vamos a um exemplo prático. Suponha que você possua a seguinte classe Javascript;

var myFunction ={
	init : function(age,name){
		this.name = name;
		this.age = age;
	}
	,getIdentify: function(){
	   alert(this.name+" "+this.age);
	}
}
var b = myFunction.init("10","Mary");

Imaginem que a classe myFunction tenha sido desenvolvida por terceiros, vou abrir um parênteses sobre isso, hoje em dia praticamente todas as aplicações Web utilizam algum Frameworks seja ele de interface como ExtJs ou de estrutura como o Prototype, JQuery, sendo assim não temos conhecimento total das classes e funções disponíveis pelo Framework e nem sempre a documentação é boa então como podemos conhecer os métodos e atributos das classes? eu Respondo usando o Firebug é bem simples, lá no rodapé do Firebug existe uma linha onde você pode digitar comando em Javascript, nela você digita:

dir(myFunction)

Vejam o que apareceu, a estrutura da classe myFunction lol. Isso funciona parecido com o print_r do PHP.

Tracerount do Conhecimento

Vejam como a transmissão de conhecimento é algo bem interessante:

4 – Pessoal da Webgeium (colegas de trabalho do Anselmo) e agora Leitores do Blog
3 – Anselmo (Amigo do Ivan)
2 – Ivan (ex-colega de trabalho do Davis)
1 –Davis

A forma como o Davis descobriu a função foi muito engraçada. Perguntei pra ele quem tinha lhe mostrado  a tal função e ele disse que a tinha descoberto por acidente!!!! Por um acaso do destino ele tinha uma função chamada dir e um belo dia ele chamou a função dir no Firebug em uma página onde a função a sua dir não existia e o resultado disso foi a descoberta da função dir do Firebug!

Valeu Davis!

Se você ensinar alguém a usar a função dir posta ai um cometário pragente saber como anda a propagação do conhecimento!

[]’s Anselmo Battisti

Anúncios

Ações

Information

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s




%d blogueiros gostam disto: