Lovable + capturas de pantalla
Lecciones de pago, chats privados, saldos de cuenta, cupones de un solo uso: algunas pantallas no deberían acabar en un chat de grupo. WebViewGold puede bloquear capturas y grabaciones de pantalla en Android y detectarlas en iOS, y luego llamar a una función JavaScript de tu app de Lovable para que puedas reaccionar. Las mismas herramientas también funcionan al revés: takescreenshot:// guarda una pantalla en Fotos a propósito, para entradas y recibos.
Desde $109 de pago único por plataforma, o deja que nuestro equipo lo haga todo desde $698.
| Función | iOS | Android |
|---|---|---|
| Impedir capturas y grabaciones de pantalla | No es posible: iOS no tiene ninguna API oficial que bloquee una captura de pantalla | PREVENT_SCREEN_CAPTURE = true en Config.java impide las capturas y grabaciones de pantalla de la app |
| Avisar a la web app | let preventScreenCapture = true en Config.swift detecta capturas y grabaciones de pantalla y llama a onScreenCaptureAttempt() (pese al nombre, la documentación describe una detección) | Se llama a onScreenCaptureAttempt() para que puedas mostrar tu propio mensaje |
| Guardar la pantalla actual en Fotos a propósito | takescreenshot:// | takescreenshot:// |
| Alcance | Un interruptor para toda la app; no hay documentado ningún ajuste por página | Un interruptor para toda la app; no hay documentado ningún ajuste por página |
Pega esto en Lovable para implementar la parte de la web app. Revisa el resultado, publica y luego prueba dentro de la app WebViewGold.
Añade gestión de capturas de pantalla para el envoltorio de app WebViewGold. 1) En src/main.tsx define window.onScreenCaptureAttempt como una función global que lance un CustomEvent "screen-capture" en window. 2) Crea un componente ScreenCaptureNotice, montado una sola vez en el layout, que escuche ese evento y muestre un toast: "Las capturas de las lecciones de pago están desactivadas para proteger a nuestros creadores." 3) Inserta una fila en una nueva tabla de Supabase capture_events (user_id, path, created_at) con RLS que permita a cada usuario insertar solo sus propias filas. 4) En la página de la entrada, añade un botón Guardar en Fotos que navegue a takescreenshot:// solo cuando navigator.userAgent contenga mi token personalizado de WebViewGold; en navegadores, muestra en su lugar un botón Imprimir. 5) No bloquees nunca al usuario ni cierres su sesión por una captura.
¡Gran trabajo! Nunca tuve que usar código para nada, pero logré trabajar con esto y tener mi App lista. ¡Fácil y rápido! ¡También con gran ayuda de los creadores!
Unos 20 minutos más una nueva compilación de ambas apps.
iOS: let preventScreenCapture = true en Config.swift. Android: PREVENT_SCREEN_CAPTURE = true en Config.java. Es un cambio nativo, así que llega con la próxima compilación de la app, no con un despliegue web.
WebViewGold llama a una función con exactamente este nombre. El código empaquetado por Vite, Next.js o herramientas similares vive en módulos, así que una función declarada dentro de un componente no es global. Asígnala explícitamente en código que se ejecute en todas las páginas: window.onScreenCaptureAttempt = function () { … }.
Explica el motivo ("Las diapositivas de la lección están protegidas por respeto a su autor") en lugar de cerrar la sesión del usuario. En iOS la captura ya está hecha cuando se ejecuta la función, así que el mensaje disuade, no bloquea.
Las apps de exámenes, documentos y finanzas pueden querer un registro de auditoría (usuario, página, hora). Si lo registras, indícalo en tu política de privacidad.
Donde guardar es legítimo (entradas, recibos, certificados), añade un botón Guardar en Fotos que navegue a takescreenshot://. Si lo combinas con el bloqueo de capturas en Android, comprueba en un dispositivo que la imagen guardada no salga en blanco.
Carga esto una vez en cada página (por ejemplo, en el archivo de entrada de la app). El endpoint opcional de registro pertenece a la parte de servidor de tu stack: Supabase o Lovable Cloud (Postgres, almacenamiento, edge functions).
// User agent personalizado con "WebViewGold", definido en Config.swift / Config.java
var IN_APP = navigator.userAgent.indexOf("WebViewGold") !== -1;
// WebViewGold la llama cuando detecta una captura o grabación de pantalla (iOS)
// o un intento de captura con PREVENT_SCREEN_CAPTURE activado (Android)
window.onScreenCaptureAttempt = function () {
showToast("Las capturas de pantalla están desactivadas en las lecciones de pago."); // tu propio helper de UI
fetch("/api/capture-events", {
method: "POST", keepalive: true,
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ path: location.pathname, at: Date.now() })
});
};
// Guardado previsto, por ejemplo en una página de entradas
function saveTicketToPhotos() {
if (IN_APP) { window.location.href = "takescreenshot://"; }
else { window.print(); } // alternativa en el navegador
}No del todo. iOS no tiene ninguna API oficial que impida una captura de pantalla. WebViewGold detecta capturas y grabaciones de pantalla (preventScreenCapture en Config.swift) y llama a onScreenCaptureAttempt en la web app para que puedas responder. El bloqueo real está disponible en Android con PREVENT_SCREEN_CAPTURE en Config.java.
No por sí misma. Ninguna de las dos tiendas exige que las apps permitan capturas, y la detección no necesita ningún permiso. Si las pantallas protegidas se ven en negro en una grabación de pantalla de Android, menciónalo en las notas de revisión para que nadie lo confunda con un error.
La documentación de WebViewGold describe interruptores para toda la app, no un ajuste por página. Lo que controlas por página es la reacción: onScreenCaptureAttempt puede comprobar la ruta actual y mostrar un aviso solo en las páginas sensibles.
Añade un botón Guardar en Fotos que navegue a takescreenshot:// dentro de la app. WebViewGold guarda el contenido actual del WebView en la galería de Fotos, así que la entrada está disponible en el recinto incluso sin conexión.
Sí, siempre que la función esté asignada al objeto window. Una función declarada dentro de un componente o de un módulo ES no es global, así que WebViewGold no la encuentra; asigna window.onScreenCaptureAttempt en el archivo de entrada de tu proyecto de Lovable.
El mismo resultado, con distinta cantidad de trabajo por tu parte. Las tres incluyen la garantía de aprobación y soporte humano 24/7.
$109 por plataforma, pago único
La licencia de WebViewGold: un proyecto de Xcode o Android Studio listo para usar. Pega tu URL, define nombre e icono, activa funciones, compila y envía. Actualizaciones gratuitas para siempre.
Ver planes en la página principal$349 por licencia, complemento de pago único
Sin Mac, sin Xcode, sin Android Studio: configura en el navegador, compilamos ambas apps en la nube y las entregamos a App Store Connect y a Play Console.
Cómo funciona el Cloud Builder Prueba la demo gratuita$698 por plataforma $798
Envíanos tu URL y tu icono. Nuestro equipo configura, compila y entrega tu app en 72 horas, en marca blanca y con los proyectos fuente. Ambas plataformas por $1,158.
Detalles del Full Service Con tecnología de
Precios de la Oferta de invierno válidos hasta el 31 de diciembre de 2026.
Garantía de aprobación en App Store & Google Play – o te devolvemos el dinero en 14 días
¿Prefieres delegarlo? Full Service: configuramos, compilamos y entregamos en 72 horas, desde $698 por plataforma. ¿Preguntas? Chatea con nosotros 24/7.
Los reembolsos se conceden bajo las condiciones indicadas en nuestras FAQ: un rechazo por motivos ajenos al contenido por parte de Apple y/o Google, reclamado dentro de los 14 días posteriores a la compra.