Depurando Modelos de Exibição

Artigo original publicado na terça-feira, 24 de julho de 2012

Logo após eu ter publicado minha última publicação sobre usar modelos de exibição padrão, claro que uma das primeiras perguntas que me fizeram foi ótima – como faço a depuração deles? Bom, eu encontrei algumas maneiras de depurá-los:

1. Em seu modelo de exibição, adicione seu próprio javascript após a primeira tag div e coloque uma declaração debugger; . Observe que você DEVE desmarcar a opção no IE para desabilitar depuração de script e reiniciar o browser. Isso é muito legal pois você pode entrar no Visual Studio e pegar todos os seus valores de consulta e variáveis:

    

2. A segunda maneira é um pouco mais “codificado”, então eu não gosto tanto mas até agora funcionou bem. Você precisará:

   1. Apertar F12 para abrir a janela do Desenvolvedor do Developer
   2. Clicar na guia Script
   3. No menu suspenso com a lista de arquivos de script, escolher clientrenderer.js
   4. Procurar a função CoreRenderWorker; eu normalmente a encontro indo até a penúltima linha do script e apertando a tecla END.
   5. Clicar e destacar a primeira linha de código dentro dessa função; deve ser algo como “var a;”
   6. Clicar com o botão direito nela e selecionar Inserir Ponto de Interrupção no menu.
   7. Clicar no botão Iniciar Depuração.
   8. Voltar ao navegador e executar sua consulta
   9. Quando o depurador iniciar, clique na guia Locais no lado direito da janela e então clique no sinal de adição, ao lado da variável "c" para expandí-la.
   10. Você pode olhar todas as variáveis ali, mas normalmente você irá querer clicar no botão Tocar no depurador e continuar. A cada vez que um novo conjunto de código é carregado, a variável "c" é recolhida, e isso é sua primeira pista de que você deve voltar e expandí-la novamente para ver que dados ela contém agora. Eu descobri que é normalmente preciso apertar o botão Tocar de 3 a 5 vezes, até que um objeto chamado "CurrentItem" apareça sob a variável "c". Isso representa um único resultado de pesquisa e permite que você examine todos os valores das propriedades gerenciadas que você solicitou. Muito útil e não requer o Visual Studio.

Esta é uma publicação localizada. Encontre o artigo original em Debugging Display Templates