Maestros del Web


Estás en Inicio / Editorial / Javascript

02.05.2006

Destripador

El término suena extraño, pero es posible destripar una página web de forma sencilla y obtener cada una de las tripas que se encuentran al abrir nuestro explorador.

Estructura de árbol

En la jerga informática se suele usar mucho el término “estructura de árbol”,  que significa una dependencia de unas cosas con otras,  en donde el objeto más importante es la raíz; y en una página web, la raíz es la propia ventana (el objeto window).

De dicho objeto window, se desprenden unas cuantas ramas que a la vez, en algunos casos, son objetos y en otros no, estos últimos se podrían considerar simples “hojas”, pero en lenguaje informático creo que es mejor decir que se trata de atributos o propiedades

El código que a continuación se presenta, permite destripar el objeto window:

function destriparWindow()	{
	var tripas = "destripando el objeto <u>window</u>";
	dato = window;
	for(esto in dato)  tripas += "<br />" + esto + " = " + dato[esto];
	return tripas;
}

Si se quisiera mostrar las tripas de window en una capa podríamos crear esa capa vacía y con un identificador. Ejemplo: <div id=”despiece_de_window” >, y el botón para activar el script podría estar definido así:

<button
 onclick="with
(document.getElementById('despiece_de_window')) innerHTML = destriparWindow()" >
Destripar el objeto window
</button >

El siguiente espacio contiene el script y las definiciones de la capa y el botón para que pueda ver los resultados:




Destripar el objeto window

Según  el resultado obtenido en el recuadro informativo, después de activar el script, podemos ver que dependen del objeto window una buena cantidad de objetos (o tal vez sea mejor decir sub-objetos). Entre ellos podemos encontrar document, location, el propio objeto window, self, etc. que nos permite deducir el próximo paso: qué tal si modificamos nuestro destripador del objeto window, permitiendo un parámetro: un objeto para destripar.

Bueno, como yo ya lo hice, lo propongo como ejercicio, por ejemplo: en vez de llamarse: “destriparWindow()” podría ser “destriparObjeto()” o simplemente “destripar()”. El parámetro será el objeto a destripar, así que la resolución del ejercicio pasaría por cambiar las coincidencias del objeto window en el script por lo que se pasa como parámetro. En foros del web pueden hacer las preguntas que quieran para esta tarea.

Otros objetos para destripar

La lista de objetos para destripar puede ser inmensa, incluso se pueden destripar nuevos objetos creados dinámicamente.

Objetos interesantes para destripar:

  • document
  • document.frames
  • location
  • document.body
  • document.body.childNodes
  • document.getElementById(’despiece_de_window’).parentNode

Conclusiones

Antes de terminar, me gustaría prevenir a aquellos osados lectores que se les haya pasado por la cabeza hacer un destripador recursivo, que en el momento que encuentre un objeto “destripable” lo destripe sin más. No sé si habrán notado que el objeto window tiene como rama desprendiéndose de sí otro objeto window. Y es que una de las características de esta estructura de árbol es que contiene nodos que hacen referencia a sí mismos, de esta forma un sistema recursivo generaría un “bucle infinito”, cosa que todo programador sabe que debe evitarse.

Un buen ejemplo a manera de conclusión es: un destripador que hice con anterioridad y que sirvió de semilla para escribir este artículo: Destripador web.

Califica esta nota:

1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (2 votos, promedio: 4.5 de 5)
Loading ... Loading ...

Sobre el autor

Pepe Molina
Se desarrolla como webmaster de caricatos.net, autor de varios artículos y manuales sobre diseño y desarrollo web.

Si eres nuevo en Maestros del Web y te agradan nuestras publicaciones, te invitamos a suscribirte a nuestro Feed.

Sindícanos en: Google Reader, Bloglines, My Yahoo o My MSN | ¿Qué es el Feed?

Comentarios

6 comentarios en total.

  1. No Registrado 04.05.2006 - 10:58 - #

    Muy bueno el tutor, y excelente el manejo y la forma de explicar las cosas, espero pronto ver mas tutores

  2. Jesusguevarautomotri 05.05.2006 - 14:31 - #

    perdonen me pueden aclarar que es esto, Creo que es un articulo bastante avanzado. Javascript?

  3. caricatos 06.05.2006 - 18:43 - #

    Hola:

    Pues se trata de javascript, si… simplmente es una ayuda (pienso que avanzada) para conocer todos los elementos de una página… es curioso que destripando la típica página “hola mundo” se pueden encontrar infinidad de cosas.

    Saludos :arriba:

  4. Angel 05.12.2006 - 05:31 - #

    Existen herramientas para poder depurar javascript (Interdev de Visual Studio, por ejemplo) y ver/modificar atributos del objeto que queramos en ejecución.

  5. Divina 11.09.2007 - 08:09 - #

    hola,
    creo q m han robado mi diereccion d correo electronico, no se como ni kien.
    si por favor alguen puede ayudarme a recuperarlo le ruego q se ponga en contacto conmigo en moniymama@hotmail.com.
    el correo robado es francis22sb@hotmail.com
    muxas gracias

  6. carlos 19.11.2007 - 16:54 - #

    holas
    kiero q me pasen alguna pagina don de pueda descarga tonos para mi cel xfa y si pueden tambien para poder ampliar la meronia de mi cel
    en n nokia 5070

Deja tu Comentario


Maestros del Web se reserva el derecho de moderación de los comentarios. Evita utilizar palabras soeces, ataques directos, descalificativos, insultos, de lo contrario tu comentario será eliminado.


-


Maestros del Web es el punto de encuentro para los entusiastas de la red.

Creative Commons by-nc-sa 3.0 | Política de Privacidad | CMS: Wordpress