Bloquer les captures d'écran sur une page

1Ce que cela fait#

Une seule ligne dans votre page active le blocage de capture d'écran d'Android pour l'écran que l'utilisateur regarde :

• les captures d'écran échouent (l'utilisateur voit le message Android « impossible de prendre une capture d'écran »)
• l'enregistrement d'écran et la diffusion affichent une image noire
• l'aperçu de l'application dans l'écran des applications récentes est masqué

Ce que cela ne peut pas faire - et rien ne le peut sur Android - c'est empêcher quelqu'un de photographier l'écran avec un autre téléphone. Si vous avez besoin de cela, il vous faut un filigrane, pas un indicateur.

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();

2Protégez une page, pas toute l'application#

La protection appartient à la page qui l'a demandée. AppMint la libère dès que l'application navigue ailleurs - une nouvelle page, une route pushState, une route #hash - de sorte que votre écran de relevé peut être protégé pendant que le reste de l'application autorise normalement les captures d'écran.

Cela signifie aussi qu'une page doit redemander la protection après un rechargement : un nouveau document n'a encore rien demandé, et hériter de la réponse du précédent est ce qui conduit des applications à verrouiller des écrans que personne ne voulait protéger.

3Dans une application monopage#

Les changements de route au sein d'une même page libèrent la protection automatiquement ; le schéma habituel consiste donc à l'activer lorsque la vue protégée s'affiche et à laisser la navigation faire le reste.

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.

4N'utilisez pas de minuteur pour cela#

Une idée courante est de réactiver la protection à intervalle régulier, par exemple chaque seconde, et de la laisser expirer quand la page cesse de la demander. Cela ne fonctionne pas, et il est utile de savoir pourquoi : Android ne consulte pas votre application lorsque l'utilisateur appuie sur les boutons de capture d'écran. L'indicateur doit déjà être actif sur la fenêtre. Toute seconde où votre page est occupée, bridée en arrière-plan ou entre deux tics du minuteur est une seconde pendant laquelle la capture d'écran réussit.

Demandez une seule fois lorsque le contenu sensible apparaît. AppMint retire la protection quand l'utilisateur quitte la page.