Analizar los contenidos en línea y comprobar el código utilizado
PageSpy es un pequeño complemento para Internet Explorer que permite seleccionar cualquier elemento dentro de una página web, seleccionar una opción en el menú contextual, y ver información detallada tanto de la codificación detrás de la página como del elemento seleccionado.
Creo que este tipo de herramienta no va a atraer al navegante general, y si tuviera que especificar un grupo para el que ha sido diseñado, sería el de los desarrolladores web novatos e intermedios que tienen curiosidad por saber cómo funcionan determinados sitios web o elementos de la página.
Se pueden ver varias secciones según las etiquetas que aparecen en la parte superior de la ventana. Una inclusión obvia es el código fuente de la página, pero PageSpy también mostrará el código DHTML; en otras palabras, el código resultante generado una vez que el script ha sido procesado por el servidor. Puede ver qué cookies han venido adjuntas con la página que está viendo y añadir más propias si lo desea. En las pestañas "Formularios" y "CSS" se puede ver otra información especialmente útil para los futuros desarrolladores. Ambas diseñan los elementos respectivos de una manera muy legible y te permiten ampliar la vista de cada uno para mostrar la fuente.
La pestaña "Esto" es relevante para cualquier elemento que hayas seleccionado antes de hacer clic con el botón derecho, y te dará una enorme lista de las propiedades que pueden aplicarse a él. Muchas de las propiedades no se aplicarán y devolverán "Null", pero saber que se ha comprobado a menudo puede ser igual de útil.
Me impresionó mucho la capacidad de este pequeño programa. Es a la vez muy conveniente e informativo, una combinación difícil de encontrar. El único reparo que tengo es que sólo está disponible para Internet Explorer. Un programa definitivo para cualquiera que esté aprendiendo el oficio del desarrollo web.
.png){kind=icon}
