PageSpy - Download

Então, eu estava fuçando em algum código de site antigo na semana passada, tentando descobrir como um menu suspenso estava funcionando e, honestamente? Eu estava preso. Então me lembrei do PageSpy - Download para Windows. Não é chamativo, mas cara, me salvou de cinco minutos de coçar a cabeça. Você clica com o botão direito em qualquer elemento de uma página no Internet Explorer, clica na opção do menu de contexto e pronto - você obtém um detalhamento do HTML, CSS, JavaScript e até mesmo dos cookies anexados a essa parte específica. Chega de adivinhar o que realmente está sendo renderizado.

As coisas boas

O que realmente me chamou a atenção foi a guia "Isto". Selecionei um botão que parecia normal, mas quando verifiquei suas propriedades, ele me mostrou todos os estilos e atributos aplicados - inclusive aqueles que eram nulos. Esse tipo de detalhe ajuda você a entender por que algo não está se comportando conforme o esperado. Tipo, eu finalmente vi por que meu efeito de foco não estava sendo acionado - um estilo estava sendo substituído por um elemento pai, e a ferramenta me mostrou exatamente qual. A visão DHTML também foi uma boa surpresa. Ele mostra o DOM final após a execução dos scripts, o que é muito mais útil do que apenas olhar para o HTML bruto.

E sim, as guias Formulários e CSS são limpas e legíveis. Você pode expandir cada seção para ver a fonte completa, sem rolagem frenética. Se você está tentando fazer engenharia reversa de como funciona uma validação de formulário ou por que um layout quebra no celular, isso fornece um caminho direto para a estrutura.

O não tão bom

Mas aqui está o problema: ele só funciona com o Internet Explorer. Isso é um obstáculo para a maioria das pessoas hoje em dia. Eu uso principalmente o Chrome, então tive que iniciar o IE apenas para usar isso. E mesmo assim, parece uma relíquia. Sem atualizações, sem interface de usuário moderna, nada sofisticado. Além disso, como está vinculado ao IE, você fica preso em um ambiente de navegador desatualizado. Se você ainda não usa o IE para testes legados, provavelmente não desejará instalar isso apenas para o PageSpy.

Também é gratuito, o que é bom, mas a falta de downloads ou rastreamento oficial faz com que pareça um projeto fantasma. Ainda assim, se você estiver fazendo um trabalho de front-end e precisar de acesso rápido aos dados dos elementos ativos sem abrir o DevTools, é surpreendentemente sólido pelo que é.

Resultado final

Se você está aprendendo desenvolvimento web e ocasionalmente precisa inspecionar elementos no IE, vale a pena baixar o PageSpy - Download para Windows. Mas se você estiver no Chrome ou Firefox, ignore. É um nicho, tradicional e não foi desenvolvido para os navegadores atuais. Para a pessoa certa, porém, é um salva-vidas silencioso.