Analise o conteúdo online e confira o código utilizado
PageSpy é um pequeno complemento para o Internet Explorer que permite selecionar qualquer elemento em uma página da Web, selecionar uma opção no menu de contexto e visualizar informações detalhadas sobre a codificação por trás da página e o elemento selecionado.
Eu acho que este tipo de ferramenta não vai atrair o seu internauta em geral, e se eu tivesse que especificar um grupo para o qual ela foi projetada, seria para desenvolvedores iniciantes e intermediários que estão curiosos sobre como determinados sites ou elementos de página funcionam.
Você pode visualizar várias seções de acordo com as tags na parte superior da janela. Uma inclusão óbvia é o código-fonte da página, mas o PageSpy também mostrará o código DHTML; em outras palavras, o código resultante gerado uma vez que o script foi processado pelo servidor. Você pode ver quais cookies vêm anexados à página que está visualizando e adicionar outros, se desejar. Outras informações especialmente úteis para futuros desenvolvedores podem ser vistas nas abas “Forms” e “CSS”. Ambos exibem os respectivos elementos de uma maneira muito legível e permitem expandir a visualização de cada um para mostrar a fonte.
A guia "Este" é relevante para qualquer elemento que você selecionou antes de clicar com o botão direito e será dar-lhe uma lista enorme das propriedades que podem ser aplicadas a ele. Muitas das propriedades não serão aplicadas e retornarão “Null”, mas saber que foi verificado pode ser igualmente útil.
Fiquei muito impressionado com os recursos deste pequeno programa. É muito conveniente e informativo, uma combinação difícil de encontrar. O único problema que tenho é que ele está disponível apenas para o Internet Explorer. Uma certeza para quem está aprendendo o ofício de desenvolvimento web.
