Hay una sola manera de que un código que debe estar en el cliente (navegador) no se vea: quitándolo.
HTML significa HyperText Markup Language (Lenguaje de marcas de HiperTexto). Es decir, HTML es contenido textual con marcas (que nosotros llamamos con frecuencia etiquetas). Pues eso, es texto, texto y siempre se podrá inspeccionar en el código fuente (esté visible o no mediante reglas CSS u otras).
Es como un documento, no hay forma de ocultar del todo parte de un texto que le es propio. Puedes ponerlo del mismo color del fondo, darle un tamaño 0.000001 o lo que quieras, pero el texto estará siempre ahí. Es una cuestión metafísica: para que algo no esté en el código fuente tendría que no existir en él.
De todos modos, ocultar el código que es servido en el cliente ha sido el sueño de muchos y se ha recurrido a técnicas variopintas para lograrlo.
Lo que sigue es una traducción de esta respuesta1 que ilustra alguna de esas técnicas:
Relleno de código fuente
Realmente, el truco más antiguo del libro. Implica agregar una
tonelada de espacio en blanco antes del inicio de tu código para al
intentar ver el código fuente la vista aparezca en blanco. Sin
embargo, todas las personas notarán las barras de desplazamiento y se
desplazarán para encontrar su código. Tan inútil y tonto como es este
método, todavía hay algunos que lo usan.
Desactivar el clic derecho del ratón
Estas secuencias de comandos impiden que los usuarios hagan clic con
el botón derecho, donde se encuentra la función "Ver código fuente".
Contras: Notoriamente es difícil que trabaje en todos los navegadores.
El menú contextual incluye muchas herramientas útiles para los
usuarios, incluidos los botones de navegación y el botón "Página de
marcador". La mayoría de los usuarios no tienen la amabilidad de
deshabilitar la funcionalidad de tu navegador y se inclinan a no
volver a visitar dichas páginas. La función "Ver fuente" también está
disponible a través del menú superior. En la barra del menú principal
en la parte superior de tu navegador, puedes seleccionr "Ver" y luego,
en el submenú, verás "Ver código fuente" o algo similar. Además, hay
atajos de teclado como Ctrl + U que se pueden usar para ver la fuente.
Todo lo que este método hace es agregar un retraso de dos segundos a
alguien que intenta ver el código fuente y eso irrita a los usuarios
que no están tratando de ver tu código fuente.
Cifrado de JavaScript
Esta es, con mucho, la forma más popular de tratar de ocultar el
código fuente. Implica tomar tu código, usar una función personalizada
para "encriptarlo" de alguna manera, y luego ponerlo en un archivo
HTML junto con una función que lo desencriptará para el navegador. Un
usuario puede ver el código fuente, sin embargo, no es comprensible.
Contras: tu sitio web solo será utilizable para usuarios con
JavaScript habilitado. Esto descarta los motores de búsqueda, los
usuarios que han elegido deshabilitar JavaScript y los usuarios que
usan un navegador textual (como el oculto) que no tiene capacidades de
JavaScript. Recuerda, JavaScript es un lujo, no una necesidad en la
web. Debes incluir un medio para descifrar la página para que el
navegador pueda mostrarla. Alguien que entienda JavaScript puede
descifrar fácilmente la página. Muchos navegadores ofrecen formas
alternativas de evitar esto. Algunos permiten guardar la página,
descifrada para una fácil visualización posterior. Otros, como
FireFox, incluyen herramientas como el DOM Inspector, que permite ver
y copiar fácilmente el XML de la página, descifrado.
Software de protección HTML
Hay algunas personas menos honestas que querrán venderte software para
"proteger" tu código fuente de manera rápida y conveniente. Este tipo
de software generalmente emplea los métodos anteriores, de diferentes
maneras, para ocultar tu código fuente. Muchas personas piensan que si
lo están comprando, debe funcionar. Pero no funciona. Como hemos
visto, los métodos anteriores se eluden fácilmente, y todo lo que hace
este software es implementar estos métodos terriblemente defectuosos
para ti y cobrar tu dinero. No te enamores de ellos, todavía no he
visto ninguno que haya funcionado, y nunca lo harán.
Notas
- La respuesta enlaza a un artículo de htmlgoodies hoy no disponible que habría sido interesante leer.