NorfiPC » Informaciones de Windows » Escapar y ocultar código usando Javascript

Como escapar y ocultar texto, código HTML y Javascript en las páginas web

Como escapar los caracteres y así lograr que no se muestre texto, el código fuente de las páginas web, direcciones de correo electrónico y el código de las funciones de Javascript, evitar así la piratería, la copia y el robo de contenido e información en internet. Formularios que permiten escapar y ocultar cualquier texto, código HTML, formularios y funciones o scripts Javascript fácilmente.

Muchos creadores y diseñadores web, tanto profesionales como aficionados, sienten la necesidad de ocultar de los ojos de los visitantes de sus páginas, el código o parte del código fuente o HTML que se utiliza en estas, así como las funciones de JavaScript que en ocasiones son fruto de largas horas de dedicación y esfuerzo.
En parte esta necesidad está justificada y se comprende, debido al robo de información, ideas y contenido que es algo común y corriente actualmente en Internet.
Participan de este método creadores y publicadores que no tienen la suficiente creatividad, iniciativa, ni el conocimiento para crear sus propios códigos e inclusive aunque conozcan, es más fácil y rápido copiar y pegar, que tener que escribirlo o editarlo.
Existen verdaderas compañías dedicadas al rastreo de la web en busca de contenido fresco y útil, para copiarlo de forma automática y publicarlo.

¿Se puede ocultar el código HTML y Javascript usado en una página?

Es imposible ocultar por completo el código HTML y Javascript que se utilice en una página web, al ser estos lenguajes de programación del lado del cliente, el código se carga por completo por el navegador para poder representar la página, lo que no sucede con PHP y otros lenguajes que funcionan del lado del servidor (Server side).
Sí existen métodos que hacen difícil la tarea de copiar o interpretar el código insertado en una página.
Estos sistemas no son 100% seguros, el que posea conocimientos de Javascript tarde o temprano los burlará, pero les pueden poner freno en gran medida a la piratería, que en la mayor parte de los casos la practican personas con pocos conocimientos y otros que no quieren complicarse ni emplear el tiempo en algo complejo.
Uno de estos métodos es escapar los caracteres, de otros se tratará en otros artículos.

Como escapar los caracteres usando Javascript

Los códigos de escape URL son un valor hexadecimal (8bits) de dos caracteres precedidos por el carácter %.
Son muy usados para convertir a ese sistema las direcciones URL, con el objetivo de que no existan conflictos al usarlas en los navegadores web ya que solo se pueden enviar las direcciones URL si están codificadas en la codificación ASCII y sin espacios.
Por ejemplo, la dirección: http://norfipc.com al escaparla dará como resultado: http%3A//norfipc.com, que cualquier navegador leerá perfectamente.
Es algo sencillo de hacer con Javascript, usando las funciones escape y unescape.
En el siguiente ejemplo se emplean las dos funciones, comprueba como los espacios se representan con los caracteres: %20.

Texto normal	Texto escapado	Texto decodificado
Mañana me iré

Se han usado para lo anterior los siguientes códigos:

<script type="text/javascript">
document.write(escape('Mañana me iré'))
</script>

<script type="text/javascript">
document.write(unescape('Ma%F1ana%20me%20ir%E9'))
</script>

Escapar caracteres usando Bookmarklets

Los siguientes Bookmarklets permiten codificar y decodificar cualquier texto usando este método, prúebalos.

β Codificar
β Decodificar

Por supuesto que este no es el método del que hablábamos al principio, lo que se hará es escapar no solo los caracteres especiales, sino todos los que se encuentren en el texto.
Al no ser un problema para los navegadores leer los caracteres escapados, cualquier cosa que codifiquemos, para los ojos del usuario común será un rompecabezas, pero el navegador lo leerá perfectamente y representará lo que contenga, solo es necesario encerrar los caracteres en un script.

Formulario para escapar y codificar texto

El siguiente formulario permiten escapar cualquier texto que se introduzca en el primero y a la inversa decodificar el que se introduzca en el segundo.
Prúebalos.

Funcionan de forma algo similar a los códigos que se muestran más arriba. Para usarlos en páginas web es necesario insertarlos dentro de un script de la siguiente forma:

<script type="text/javascript">
document.write(unescape('TEXTO-CODIFICADO'))
</script>

Solo sustituye TEXTO-CODIFICADO por el resultado en el formulario de la derecha (respeta las comillas).

Usos de los caracteres escapados

Como se deducirá, mediante este método es posible ocultar texto, código HTML, código Javascript, hasta una dirección de email.
De hecho la dirección que se emplea al final de esta página está escapada de esta forma, por lo que resulta ilegible para cualquier bot de los spammers (generadores de spam), luce de la siguiente forma como podrás comprobar:

%69%6E%66%6F%40%6E%6F%72%66%69%70%63%2E%63%6F%6D%09

Por supuesto el navegador web al renderizarla muestra lo siguiente:

Una desventaja del método es que es necesario sustituir cada carácter por tres, además de los espacios en blanco, esto hace que se multiplique el tamaño de cualquier archivo.
No es un problema si el objetivo es codificar bloques de código que no sean extensos, pero si se quiere codificar una página web completa, aumentará su tiempo de carga considerablemente debido al tamaño y el tiempo necesario para que el navegador decodifique los caracteres

Formulario para escapar y ocultar código HTML y código Javascript

El siguiente formulario está diseñado para escapar código HTML y código Javascript, ya incluye la etiqueta <script>, por lo que el resultado está listo completamente para insertarlo en el código fuente de la página, sin tener que usar adicionalmente la etiqueta como en el primer formulario.
Puede usarse para escapar y ocultar cualquier script, formulario, estilo CSS, etc.

Puede escaparse completamente todo el código fuente o HTML de una página web, para eso pégalo totalmente en el formulario y el resultado pégalo en un archivo de texto vacío con la extensión .HTML. El tamaño del archivo lógicamente de multiplicará por tres.

Vínculo al formulario

Bookmarklet para tener en el navegador un vínculo para acceder directamente al formulario anterior, solo arrástralo a la barra de marcadores del navegador, o da un clic derecho encima y selecciona "Agregar a Favoritos".
β Escapar Código

Sitio web del autor de los códigos: http://scriptasylum.com/

Otros métodos de ocultar texto y código con Javascript

Con Javascript es posible ocultar completos bloques de texto en las páginas y mostrarlos solo a petición del usuario, con el objetivo de que se muestre en la página lo más elemental, es muy útil en páginas que contienen mucho texto, por lo que es necesario desplazarse mucho para poder llegar al final.
También se emplea mucho este lenguaje para ocultar vínculos y enlaces de las arañas o bots de los buscadores.
Puedes encontrar todo lo necesario en las siguientes páginas.
Como escribir con Javascript texto y otros elementos en las páginas web
Como escribir con Javascript vínculos e iframes en las páginas web