Bloquear capturas de pantalla en una página

1Qué hace esto#

Una línea desde tu página activa el bloqueo de captura de pantalla de Android para la pantalla que el usuario está viendo:

• las capturas de pantalla fallan (el usuario recibe el mensaje de Android "no se puede tomar la captura")
• la grabación de pantalla y la transmisión muestran un fotograma negro
• la vista previa de la app en la pantalla de recientes queda oculta

Lo que no puede hacer, y nada en Android puede, es impedir que alguien fotografíe la pantalla con otro teléfono. Si necesitas eso, necesitas una marca de agua, no un indicador.

const b = window.WebToApk || null;

// On the sensitive screen:
b?.setSecureScreen(true);

// Leaving it early (a modal closing, a tab switch inside one page):
b?.setSecureScreen(false);

// Current state:
const locked = b?.isSecureScreen();

2Protege una página, no toda la app#

La protección pertenece a la página que la pidió. AppMint la libera en cuanto la app navega a otro lugar (una página nueva, una ruta pushState o una ruta #hash), así tu pantalla de estado de cuenta puede estar protegida mientras el resto de la app permite capturas normalmente.

Eso también significa que una página tiene que volver a pedirlo después de recargar: un documento nuevo todavía no ha pedido nada, y heredar la respuesta del anterior es como las apps terminan bloqueadas en pantallas que nadie quería proteger.

3En una app de una sola página#

Los cambios de ruta dentro de una página liberan la protección automáticamente, así que lo habitual es activarla cuando se monta la vista protegida y dejar que la navegación haga el resto.

function showStatement() {
  render(statementView);
  window.WebToApk?.setSecureScreen(true);
}

// Nothing to undo on the way out — moving to another route
// releases it. Call setSecureScreen(false) yourself only when
// you hide the sensitive content WITHOUT navigating.

4No uses un temporizador para esto#

Una idea común es reafirmar la protección a intervalos, por ejemplo cada segundo, y dejar que caduque cuando la página deja de pedirla. No funciona, y conviene saber por qué: Android no consulta a tu app cuando el usuario presiona los botones de captura. El indicador ya tiene que estar activo en la ventana. Cualquier segundo en que tu página esté ocupada, limitada en segundo plano o entre ticks del temporizador es un segundo en el que la captura tiene éxito.

Pídelo una sola vez cuando aparezca el contenido sensible. AppMint quita la protección cuando el usuario se va.