A nova versão do Visual Studio permite efectuar debug de código JavaScript de forma muito semelhante ao debug de código .NET.
Temos agora a possibilidade de colocar breakpoints em qualquer parte do nosso código JavaScript, quer este esteja numa página, numa MasterPage, ou num ficheiro JavaScript externo.
O Visual Studio 2008 é inteligente ao ponto de mapear os breakpoints colocados no código para os ficheiros HTML gerados dinamicamente.
Como podemos ver na imagem anterior, o debug é efectuado no HTML gerado, onde podemos ver a declaração do “ScriptManager” do ASP.NET AJAX. O próprio nome do ficheiro aparece com [dynamic] à frente, indicando que é conteúdo gerado e não o código fonte.
É possÃvel fazer debug de JavaScript e código .NET ao mesmo tempo, dando-nos a possibilidade de testar a parte do cliente (browser) e do servidor. Esta funcionalidade é de extrema utilidade no desenvolvimento de aplicações AJAX pois assim permi-te nos efectuar debug de todo o código, utilizando uma única “sessão” do debuger.
Todas as janelas relacionadas com o debuger (Watch, Autos, Locals, etc), suportam agora os objectos JavaScript, permitindo-nos analisar o valor de cada um, de forma semelhante ao debug de código .NET.
Até esta versão do Visual Studio 2008 tinhamos alguma dificuldade em efectuar debug no JavaScript gerado por determinados componentes, como por exemplo, componentes com ficheiro JavaScript embutidos com Resources, ou ficheiros JavaScript gerados pelo ASP.NET AJAX. O Visual Studio 2008 agora permite, sempre que estamos em modo debug ver quais os scripts que foram enviados para o browser, e que são necessários para a página actual.
Como podemos ver na imagem superior, para a página JavaScript.aspx foram enviados para o browser um conjunto de scripts relacionados com o ASP.NET AJAX e um ficheiro javascript externo, que está referenciado na página aspx. Em qualquer um destes ficheiros podemos colocar breakpoints e efectuar debug da aplicação.
A correcção de bugs em código JavaScript, é agora muito mais simples, como se de código .NET se tratasse. Este suporte apareceu na altura correcta, agora que as aplicações Web exigem cada vez mais desenvolvimento com a linguagem JavaScript, através de AJAX. O Visual Studio 2008 seguiu a linha das versões anteriores, proporcionando aos seus utilizadores um ambiente de desenvolvimento extremamente completo e agradável.
Outubro 9th, 2007 at 23:05
[...] » Debug JavaScript [...]