Nuevo Destripador

Editar código javascript

En esta pestaña se puede ver el código javascript de esta propia página, pudiéndose modificar y probar, aunque se corre el riesgo de provocar errores inesperados.

A pie de pestaña hay un par de botones con el siguiente significado: "probar" hace que se ejecute el código con las modificaciones que se hagan en él desde la sesión actual. Si se quiere usar el código original de la página debe pulsarse el botón "enlazar".

Si se usa a conciencia, se puede aprender con el código de esta misma página... espero que lo disfruten.

Código

<!--
function objetor(cadenaObjeto)	{

function evaluarCadena(x) {
		e = x.split(".");
		for (var i = 1, total = e.length; i < total; i ++)
			if (!isNaN(e[i])) e[i] = "[" + e[i] + "]";
		return e.join(".").split(".[").join("[");
		
	}

function quitarPrimero(cadena) {
		if (cadena.indexOf(".") == -1) return cadena;
		else return cadena.substr(cadena.indexOf(".") + 1);
	}

function objetitoArray(o, a)	{
		desglose = a.split("[");
		index = parseInt(desglose[1].substr(0, desglose[1].length - 1));
		comando = desglose[0] + "[" + index + "]";
		comando = desglose[0] + "." + index;
		return o[desglose[0]][index];
	}

function objetito(objetoBase, restoObjetos) {
		var actual = restoObjetos.split(".")[0];
		if (actual.indexOf("[") != -1)	{
			if (restoObjetos.indexOf(".") == -1)
				return objetitoArray(objetoBase, actual);
			else
				return objetito(objetitoArray(objetoBase, actual), quitarPrimero(restoObjetos));
		}
		else
		if (restoObjetos.indexOf(".") == -1) return objetoBase[actual];
		else return objetito(objetoBase[actual], quitarPrimero(restoObjetos));
	}

cadena = evaluarCadena(cadenaObjeto);
	switch	(cadena)	{
		case "window":
			return window;
		break;
		default:
			desplegable = cadena.split(".");
			if (desplegable.length == 1) return window[desplegable[0]];
			else
				return objetito(window, desplegable.join("."))
		break;
	}
}

function ponObjeto(cual)	{
	f = document.forms.objetos;
	with	(f)	{
		objeto.value = cual;
		desglose.disabled = true;
		dependencias.disabled = true;
		ir.disabled = true;
	}
}

function esObjeto(que)	{
	return (typeof(que) == "object");
}

function esFuncion(que) {
	return (typeof(que) == "function");
}

function esTexto(que) {
	br = /\n/;
	texto = (typeof(que) == "string")
		return (texto) ? br.test(que) : texto;
}

function vacio(que)	{
	obj1 = new Object();
	return (que == obj1);
}

function vacio(que)	{
	var cuenta = 0;
	try	{
		for (ids in que)	cuenta ++;
	}
	catch(err)	{
		cuenta += 0;
	}
	return (cuenta == 0);
}

function verTexto(desde)	{// versión con tag button
	soy = desde.innerHTML; //alert(soy);
	_mostrar = (soy == "desplegar texto");
	desde.getElementsByTagName("pre")[0].style.display = (_mostrar) ? "block" : "none";
	nuevoTexto = (_mostrar) ? "ocultar texto" : "desplegar texto";
	desde.replaceChild(document.createTextNode(nuevoTexto), desde.firstChild);
}

function verFuncion(desde)	{// versión con tag input
	soy = desde.value;
	var _mostrar = (soy == "desplegar función");
	desde.nextSibling.style.display = (_mostrar) ? "block" : "none";
	desde.value = (_mostrar) ? "ocultar función" : "desplegar función";
}

function verError(desde)	{// versión con tag input
	soy = desde.value;
	var _mostrar = (soy == "mostrar Error");
	desde.nextSibling.style.display = (_mostrar) ? "block" : "none";
	desde.value = (_mostrar) ? "ocultar Error" : "mostrar Error";
}

function verTexto(desde)	{// versión con tag input
	soy = desde.value;
	var _mostrar = (soy == "desplegar texto");
	desde.nextSibling.style.display = (_mostrar) ? "block" : "none";
	desde.value = (_mostrar) ? "ocultar texto" : "desplegar texto";
}

/*
function verTexto(desde)	{// versión con tag a
	soy = desde.innerHTML; //alert(soy);
	_mostrar = (soy == "desplegar texto");
	desde.parentNode.getElementsByTagName("pre")[0].style.display = (_mostrar) ? "block" : "none";
	nuevoTexto = (_mostrar) ? "ocultar texto" : "desplegar texto";
	desde.replaceChild(document.createTextNode(nuevoTexto), desde.firstChild);
}
*/

function __mostrando(e) {
	if (document.all) soy = event.srcElement;
	else soy = e.target;
	mostrar(soy);
}

function _mostrar(donde)	{//alert(donde.title);
	capa = document.createElement("div");
	objeto = objetor(donde.title);
	var datos = new Array();

try	{
		for (i in objeto) datos[datos.length] = i;
	}
	catch(ecepcion)	{
		alert(ecepcion);
	}

datos.sort();
	_es_error = false;
	for (i = 0, total = datos.length; i < total, identificador = datos[i]; i ++)	{

try	{
			elemento = objeto[identificador];
		}
		catch (ecepcion)	{
			_es_error = true;
			elemento = ecepcion;
		}

if (_es_error) {
			_es_error = false;
			linea = document.createElement("p");
			texto = donde.title + "." + identificador + " (";
			// + typeof(elemento) + "):";
			linea.appendChild(document.createTextNode(texto));
			resalte = document.createElement("b");
			resalte.appendChild(document.createTextNode("error"));
			resalte.style.color = "red";
			//resalte.style.backgroundColor = "#eeeeee";
			linea.appendChild(resalte);;
			linea.appendChild(document.createTextNode("): "));

boton = document.createElement("input");
			boton.setAttribute("type", "button");
			boton.value = "mostrar Error";
			boton.onclick = function()	{
				return verError(this);
			}
			linea.appendChild(boton);
			text = document.createElement("div");
			text.appendChild(document.createTextNode(elemento));
			text.style.display = "none";
			text.style.backgroundColor = "#ffdddd";
			text.style.color = "red";
			text.style.border = "1px solid red";
			linea.appendChild(text);
		}
		else	{
			_es_objeto = esObjeto(elemento);
			_es_funcion = esFuncion(elemento);
			_es_texto = esTexto(elemento);
			_es_atributo = !(_es_objeto || _es_funcion);
			linea = document.createElement("p");
			texto = donde.title + "." + identificador + " (" + typeof(elemento) + "):";
			if(_es_atributo) texto += (_es_texto) ? " (multilinea)" : elemento;
			linea.appendChild(document.createTextNode(texto));
			if (_es_objeto)	{
				if (vacio(elemento))
					linea.appendChild(document.createTextNode("(vacío)"));
				else	{
					boton = document.createElement("input");
					boton.setAttribute("type", "button");
					boton.value = "desplegar";
					este = donde.title;
					boton.title = este + "." + identificador;
					linea.appendChild(boton);
					if (document.all)	boton.attachEvent("onclick", __mostrando);
					else	boton.addEventListener("click", __mostrando, false);
				}
			}
		
			if (_es_texto)	{
				boton = document.createElement("input");
				boton.setAttribute("type", "button");
				boton.value = "desplegar texto";
				boton.onclick = function()	{
					return verTexto(this);
				}
				linea.appendChild(boton);
				text = document.createElement("pre");
				text.appendChild(document.createTextNode(elemento));
				text.style.display = "none";
				text.style.backgroundColor = "#defdef";
				text.style.border = "1px solid blue"
				linea.appendChild(text);
			}

if (_es_funcion)	{
				boton = document.createElement("input");
				boton.setAttribute("type", "button");
				boton.value = "desplegar función";
				boton.onclick = function()	{
					return verFuncion(this);
				}
				linea.appendChild(boton);
				text = document.createElement("pre");
				text.appendChild(document.createTextNode(elemento));
				text.style.display = "none";
				text.style.backgroundColor = "#abcabd";
				text.style.border = "1px solid red"
				linea.appendChild(text);
			}
		}
		capa.appendChild(linea);
	}
	donde.parentNode.appendChild(capa);
}

function _ocultar(donde)	{
	donde.parentNode.removeChild(donde.parentNode.lastChild);
}

function mostrar(donde)	{
	estado = (donde.value == "desplegar");
	texto = (estado) ? "plegar" : "desplegar";
	donde.value = texto;
	(estado) ? _mostrar(donde) : _ocultar(donde);
}
//-->

Nuevo destripador

Introducción

Destripador manual

Navegar desde el objeto window

Editar código javascript

Destripador manual

Navegar desde el objeto window

Editar código javascript