Cómo prohibir a los usuarios copiar contenido en html

A continuación se muestran algunas formas de evitar la copia de contenido:

  1. Usar propiedades CSS: puede configurar user-selectla propiedad nonepara que los usuarios no puedan seleccionar ni copiar contenido. Por ejemplo:

 

body {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

 2. Utilice JavaScript para desactivar la copia: puede evitar que los usuarios copien contenido desactivando el evento de copia cuando se carga la página. Por ejemplo:

document.addEventListener('copy', function(e) {
  e.preventDefault();
});

3. Utilice JavaScript para desactivar el menú contextual: puede evitar que los usuarios utilicen la función de copia desactivando el menú contextual cuando se carga la página. Por ejemplo:

document.addEventListener('contextmenu', function(e) {
  e.preventDefault();
});

4. Efecto de código completo 

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <style>
        body {
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
    </style>
    <script>
        document.addEventListener('copy', function(e) {
            e.preventDefault();
        });
        document.addEventListener('contextmenu', function(e) {
            e.preventDefault();
        });
    </script>
</head>
<body>
<h1>禁止复制内容示例</h1>
<p>这是一段禁止复制的内容。</p>
</body>
</html>

 

Los usuarios avanzados aún pueden obtener el contenido de la página a través de otros medios; aquí se muestran algunos métodos posibles:

  1. Ver el código fuente de la página: los usuarios avanzados pueden obtener el contenido de la página viendo el código fuente de la página. Pueden utilizar las herramientas de desarrollo de su navegador u otras herramientas para ver el código HTML, CSS y JavaScript del sitio web.
  2. Utilice una herramienta de captura de paquetes de red: los usuarios avanzados pueden utilizar una herramienta de captura de paquetes de red para capturar solicitudes de red para páginas web. Pueden analizar estas solicitudes para obtener datos sobre la página.
  3. Deshabilitar JavaScript: los usuarios avanzados pueden deshabilitar la ejecución de JavaScript en sus navegadores, evitando así las restricciones de copia a través de JavaScript.
  4. Utilice la herramienta de captura de pantalla: los usuarios avanzados pueden utilizar la herramienta de captura de pantalla para capturar el contenido de una página. Aunque no pueden copiar el texto directamente, aún pueden obtener el contenido visible de la página tomando una captura de pantalla. Es importante tener en cuenta que, si bien existen medidas que puede tomar para evitar la copia de contenido, no hay forma de evitar por completo que los usuarios avanzados accedan al contenido de la página. Estas medidas están destinadas principalmente a evitar que los usuarios comunes copien contenido ilegalmente, en lugar de apuntar a expertos técnicos o piratas informáticos. Al diseñar un sitio web, debe haber un equilibrio entre seguridad y experiencia de usuario.

Supongo que te gusta

Origin blog.csdn.net/weixin_39934453/article/details/132774736
Recomendado
Clasificación