La captura de pantalla es una característica del sistema operativo en Windows. Simplemente podemos presionar la pantalla de impresión (print screen) en el teclado para tomar capturas de pantalla. Si el teclado no tiene la tecla prt sc , podemos usar Fn + tecla del logotipo de Windows + barra espaciadora . Además, podemos usar la herramienta Snip & Sketch o Snipping presionando la tecla del logotipo de Windows + Shift + S y seleccionando un área para la captura de pantalla.
En MacOS, podemos usar Command + Shift + 3 y Command + Shift + 4 para tomar capturas de pantalla.
Todos estos comandos están controlados por nuestro sistema operativo y no podemos deshabilitarlos o bloquearlos en el navegador usando HTML/CSS/JavaScript. Por lo tanto, no podemos evitar que los usuarios tomen capturas de pantalla.
Además de todo esto, si el usuario quiere obtener el contenido de nuestra página web, puede copiarlo, imprimirlo, usar algunas aplicaciones de terceros o tomar una foto con otros dispositivos. Por lo tanto, es muy difícil evitar que los usuarios tomen capturas de pantalla o contenido de nuestra página web.
No podemos detener esto, pero podemos usar algunos métodos para evitar todo esto hasta cierto punto.
Ejemplo 1: En este ejemplo, deshabilitaremos la opción de impresión de nuestra página web.
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<style>
/* We are stopping user from
printing our webpage */
@media print {
html,
body {
/* Hide the whole page */
display: none;
}
}
</style>
</head>
<body>
<div>
Python is a high-level, general-purpose
and a very popular programming language.
<br />Python programming language (latest
Python 3)is being used in web development,
<br />Machine Learning applications, along
with all cutting edge technology in
Software Industry.<br />Python Programming
Language is very well suited for Beginners,
<br />also for experienced programmers with
other programming languages like C++ and
Java.<br />
</div>
</body>
</html>
Salida: esto simplemente generará el contenido de nuestra página web, pero cuando intentemos imprimirlo, no obtendremos nada.
La impresión no funcionará
Ejemplo 2. En este ejemplo, cambiaremos la función de selección de texto usando CSS.
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<style>
html {
user-select: none;
}
</style>
</head>
<body>
<div>
Python is a high-level, general-purpose
and a very popular programming language.
<br />Python programming language (latest
Python 3)is being used in web development,
<br />Machine Learning applications, along
with all cutting edge technology in
Software Industry.<br />Python Programming
Language is very well suited for Beginners,
<br />also for experienced programmers with
other programming languages like C++ and
Java.<br />
</div>
</body>
</html>
Salida: Esto evitará que el usuario seleccione y copie nuestro contenido de texto.
la copia no está sucediendo
Ejemplo 3. En este ejemplo, mostraremos un mensaje de advertencia al usuario para que no copie/robe/imprima/captura de pantalla de nuestra página web.
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<script>
alert("Do not take screenshot of this page");
</script>
</head>
<body>
<div>
Python is a high-level, general-purpose and
a very popular programming language.<br />
Python programming language (latest Python 3)
is being used in web development,<br />
Machine Learning applications, along with all
cutting edge technology in Software Industry.
</br />Python Programming Language is very well
suited for Beginners, also for <br />
experienced programmers with other programming
languages like C++ and Java.<br />
</div>
</body>
</html>
Salida: Esto mostrará un mensaje de alerta al usuario de que no debe tomar ninguna captura de pantalla de esta página web.
mensaje de alerta de advertencia
Ejemplo 4. En este ejemplo, agregaremos un mensaje de derechos de autor de nuestra página web que mostrará que todo el contenido de esta página web nos pertenece, y está estrictamente prohibido usar nuestro contenido de cualquier forma.
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<style>
/* Styling the footer */
footer {
text-align: center;
padding: 10px;
background-color: green;
color: white;
}
</style>
</head>
<body>
<div>
Python is a high-level, general-purpose and
a very popular programming language.<br />
Python programming language (latest Python 3)
is being used in web development,<br />
Machine Learning applications, along with all
cutting edge technology in Software Industry.
</br />Python Programming Language is very well
suited for Beginners, also for <br />
experienced programmers with other programming
languages like C++ and Java.<br /><br />
</div>
<footer>
<p>
© 2021 GFG All the content of this
webpage belongs to us
</p>
</footer>
</body>
</html>
Salida: agregamos un mensaje de derechos de autor en el pie de página con un mensaje simple.
mensaje de pie de página
Publicación traducida automáticamente
Artículo escrito por abhishekcs001 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA