El botón derecho: Peleando contra el viento

Me hicieron una pregunta: ¿es posible proteger el contenido de lo que publicamos para evitar que sea "copiado"? Y la respuesta más sincera es NO porque en realidad, si alguien quiere copiar algo lo hará ya que, cuando navegamos, los sitios que visitamos quedan guardados en nuestra PC y en última instancia, bastaría mirar la caché para utilizarlo.

Si hablamos de imágenes, copiarlas es "demasiado" fácil. En ese sentido, la regla más sencilla y también la que suena más brutal es: "si no quieres que las imágenes sean accesibles, no las subas a internet".

Sin embargo, hay algunas alternativas que funcionarán pero sólo de manera limitada. Las marcas de agua (watermarking) realizadas a mano, usando CSS, JavaScript o con algún software; suelen ser poco atractivas y tampoco solucionan nada o quedan muy mal:

Deshabilitar el botón derecho del ratón es una opción bastante común. En el blog de Gem@ hay varios posts que hablan del tema; todos ellos funcionan pero recuerden que no garantizan nada.

Para deshabilitar el uso del botón en todo el sitio y mostrar un mensaje, agregamos el siguiente script en el HEAD de la plantilla:

<script type='text/javascript'>
function inhabilitar(){
  alert ('Función inhabilitada. Perdonen las molestias.');
  return false;
}
document.oncontextmenu=inhabilitar;
</script>

Es cierto, se deshabilitará el mouse pero podremos seleccionar y bastaría usar las herramientas de edición del navegador para copiar. Para deshabilitar la seleccion:

<script type='text/javascript'>
function disableselect(e){
  return false
}
function reEnable(){
  return true
}
document.onselectstart=new Function ("return false");
if (window.sidebar){
  document.onmousedown=disableselect
  document.onclick=reEnable
}
</script>

Hay algunos scripts más complejos que tienen en cuenta las particularidades de los diferentes navegadores:

<script type='text/javascript'>
// <![CDATA[
function clickIE() {
  if (document.all) {
    return false;
  }
}
function clickNS(e) {
  if (document.layers||(document.getElementById&&!document.all)) {
    if (e.which==2||e.which==3) {
      return false;
    }
  }
}
if (document.layers){
  document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;
}else{
  document.onmouseup=clickNS;document.oncontextmenu=clickIE;
}
document.oncontextmenu=new Function("return false")
// ]]>
</script>

Desde lo práctico, su utilidad es muy limitada. En todos esos casos, basta escribir el código inverso en la barra del navegador para anularlas:

javascript:void(document.oncontextmenu=null)

Podemos escribir eso y guardarlo como Marcador para habilitar el botón derecho en cualquier página que lo bloquee con uno de esos métodos. Aquí pueden hacer una prueba.

No. Esto no tiene nada que ver con los hackers. Es tan sencillo que en muchos otros casos, basta pulsar el botón derecho, mantenerlo pulsado mientras aceptamos en la ventana de alerta y luego soltarlo para que se muestre el menú contextual. En Firefox, ambas cosas suelen aparecer de manera simultánea. Aquí pueden ver un ejemplo.

Un poco más útil es inhabilitar el uso del botón derecho del ratón en una imagen concreta. Podemos hacer lo mismo agregando el código en cada imagen:

<img oncontextmenu="alert('Opcion deshabilitada');return false" oncopy="alert('Opcion deshabilitada');return false" src="URL_imagen" />

Aunque tal vez sería mejor no mostrar la advertencia:

<img oncontextmenu="return false" oncopy="return false" src="URL_imagen" />

Insisto en que deshabilitar el botón derecho no soluciona los problemas y además, provoca otros porque nosotros tampoco podremos usarlo y los sitios con esa función bloqueada no son agradables ya que el botón derecho lo empleamos para muchas otras cosas que nada tienen que ver con las copias.

"Disclaimer: Copying websites is not cool... but disabling right click isn't either."

¿Y el código fuente? Es lo mismo, no hay mucho que hacer al respecto. Hay software como HTML Guard que realiza esa "protección" aunque ellos mismos advierten: "Que quede claro, la protección absoluta del contenido HTML NO EXISTE".

Algunos trucos son posibles pero ...

• Encriptar el código con algún programa pero, como el decodificador debe estar incluido en la misma página para que los navegadores puedan mostrar el sitio, el método parece un poco absurdo aunque para la gran mayoría de los usuarios será complejo de leer.
• Eliminar espacios y saltos de línea lo transformará en un código engorroso de entender y editar así que no es muy razonable porque también nos complicará la vida a nosotros.
• Insertar líneas en blanco para que el código se muestre muuuuuuuy abajo; casi casi ridículo pero real.
• Deshabilitar el cacheo de la imágenes pero eso sólo pude hacerse con determinados servidores.
• Una página ejemplo con algunas de esas protecciones.

Otra gran frase "copiada" de la web y que debe hacernos pensar en si vale la pena que nos enojemos con el viento:

"Recuerden que la protección excesiva y las limitaciones que imponemos pueden generar que los visitantes, simplemente, no regresen."