Modelando por Diego Franco

Assim como o martelo é a ferramenta do Carpinteiro, nós desenvolvedores obrigatoriamente eu disse: Obrigatoriamente, devemos ter as nossas e de preferência as melhores. Eu diria que é muito difícil você alcançar um resultado perfeito, ou ainda, conseguir uma excelente produtividade sem ter excelentes ferramentas que te auxiliem a identificar: erros, validações, a debugar scritpts etc…

A um tempo atrás entrei no site do Bradesco na página do simulador de consórcio, qual foi a minha surpresa ao executar a primeira ação: escolher a marca do veículo em um dropdow subsequente um outro dropdow carrega os modelos, Pimba! Não funcionou. Sou usuário do navegador da famosa “rapoza de fogo” Firefox. Bom, procedimento básico de desenvolvedor, enviei um e-mail para o pessoal do suporte sobre a falta de acessibilidade, e qual foi a resposta?

“Prezado Sr. Diego, boa tarde!
Em atenção a seu e-mail, informamos que realizamos testes no Firefox e constatamos que está operando normalmente.
Solicitamos por gentileza que realize um Print Screen da tela de erro e nos envie por e-mail para que possamos analisar.”

Como sou um usuário obediente e que se importa com o próximo e meu maior interesse é de compartilhar conhecimento, enviei pra eles o print das telas, inclusive depurando o javascript com a Firebug mostrando exatamente onde era o erro.

Pra quem não conhece Firebug é uma poderosa e excelentíssima extensão para o Firefox que te possibilita editar, depurar e controlar CSS, HTML, JavaScript, e outras coisas tudo isso on-line e em qualquer página da Web te possibilitando ver o resultado na mesma hora. Se você navega com o Firefox clique aqui e baixe a extensão agora para conhecê-la ou entre no site oficial http://www.getfirebug.com. Para desenvolvedores que usam o Internet Explorer como browser padrão, primeiro eu te aconselharia a mudar rapidamente e navegar num browser digno de desenvolvedor, mas neste post aqui escrevi sobre duas extensões para o IE7 que podem te ajudar qualquer hora dessas.

Ok feito isto segue a resposta de volta.

“Prezado Sr. Diego, bom dia!
Lamentamos o transtorno e informamos que o acerto realizado no site em 30/11/2007.
Atenciosamente,
Bradesco Administradora de Consórcios.”

Apesar da má formulação da frase que da a impressão de que foi resolvido, Qual foi a minha surpresa quando acessei o site ontem 06/12/07, e quem estava lá? O mesmo problema. Enviei outro e-mail e vamos ver onde isso vai dar.

Imagino que se tivessem boas ferramentas de desenvolvimento não teriam tanto trabalho a ponto de um usuário ter que enviar a causa do erro.

Bom, estou publicando este post aqui que comecei a escrever no dia 07/12/2007 e o problema ainda está lá, se você navega com o Firefox pode conferir a falha acessando a página do Simulador de Consórcio do Bradesco aqui.

Vou postar aqui três extensões para o Internet Explorer que qualquer hora dessas pode te salvar de um erro esquisito. Já disse e volto a dizer, boas ferramentas de desenvolvimento podem afetar absurdamente em sua produtividade, te ajudando a descobrir erros de script e outras coisinhas que vão aparecendo no decorrer do desenvolvimento de um site.

A primeira: Internet Explorer Developer Toolbar ( Baixe aqui )

Essa tem um visual semelhante a Firebug a qual citei aqui neste post, porém nem se compara a tal extensão. Essa extensão irá te auxiliar em erros de sintáxe, indentificação de elementos como DIVS, Links, imagens e outros, dividos por cores e mais algumas outras opções não tão interessantes, mas não deixa de ser uma extensão interessante já que boas extensões para o IE são raras.

A segunda: IEDebugBar ( Baixe aqui )

Essa é parecida com a de cima e consequentemente também com a Firebug, um pouco mais robusta que a IEDeveloper a IEdebugBar tem um inspetor de propriedades para DOM, HTTP, Javascript, AJAX e outras mais que você pode ver uma prévia abaixo (em inglês) ou no conteúdo completo no site do desenvolvedor.

• DOM Inspector: View DOM Tree and modify tags attributes and css attributes on the fly to test your page
• HTTP Inspector: View HTTP/S request to check cookies, GET and POST parameters, view server info
• Javascript Inspector and Javascript Console: View javascript functions for easier debugging, see Javascript and AJAX code
• HTML Validator: Validate HTML code to correct and optimize your code and html size of your page
• And many more features: See page cookies, get pixel color on a page, make a page screenshot…

A terceira: Companion.JS ( Baixe aqui ou acesse o site do desenvolvedor)

Essa sim eu tenho usado mais constantemente, mais simples do que a DebugBar ela é específica para depurar javascripts, mostra o erro no próprio javascript te indicando a linha, local do erro em destaque e o nome do arquivo. Realmente essa é uma ferramenta que mesmo para aqueles que não usam o IE7 como seu navegador e até mesmo para um Analista de Qualidade, é uma excelente extensão para se usar na hora do desenvolvimento e em casos de erros de javascripts no IE7 claro. Quem nunca se deparou com aquela marmota de mensagem que o IE te dá quando tem algum problema na página? “Concluído mas contém erros na página”, e o melhor é que não informa mais nada, não te dá nenhuma referência de onde está o erro. Essa extensão vai substituir esse depurador padrão que, incluse para que a extensão funcione perfeitamente você deve desabilitar duas opções no IE7 conforme mostrado abaixo.

Vá até o menu:
Ferramentas > Opções da Internet > Avançadas
Na janela Configurações vá até o ítem:
Navegação
Desabilite as caixas:
- “Desabilitar depuração de scripts (Internet Explorer)” e
- “Desabilitar depuração de scripts (Outros)”

A extensão deverá funcionar perfeitamente. Veja abaixo um print da extensão em uso.

Bom, é isso o fim está próximo. Quem não conhece aquela famosa borda no flash que encontramos nos arquivos swf abertos no Internet Explorer? Em fim a notícia vem da própria Microsoft no site da msdn.

Em Abril de 2006, a Microsoft mudou a forma como o Internet Explorer ativa controles ActiveX carregados a partir de páginas web. Os usuários eram obrigados a ativar comandos manualmente, clicando no controle onde exibia a famosa mensagem “Clique para ativar este controle. Como conseqüência das recentes tecnologias e licenças adquiridas pela Microsoft, estas restrições já não são obrigatórias. A Microsoft tem planos para remover a ativação do Internet Explorer, em Abril de 2008, mas as mudanças já começam agora em dezembro.

É esperar pra ver.