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

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? 6k6c57

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 14b2s

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.futbolgratis.org al escaparla dará como resultado: http%3A//norfipc.futbolgratis.org, 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 - Mañana me iré
Texto escapado -
Texto decodificado -

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

Herramienta para escapar y codificar texto 2623b

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.

Texto normal

Texto escapado

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: Solo sustituye TEXTO-CODIFICADO por el resultado en el formulario de la derecha (respeta las comillas).

Usos de los caracteres escapados 1j6n4q

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: 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 l6l22

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.

Código a escapar
<!-- Solo un ejemplo --> <script type="text/javascript"> alert('Hola'); </script>


Resultado del código escapado
El código escapado completo aparecerá aquí...

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 1611l

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

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

Con Javascript es posible ocultar completos bloques de texto en las páginas y mostrarlos solo a petición del , 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 vínculos e iframes en las páginas web

Recursos DE JavaScript 573o6b

Plantilla en formato de imagen con las funciones de JavaScript para manipular los elementos HTML del DOM de las páginas: JavaScript DOM Cheatsheet

Páginas relacionadas 6khl