WebViewGold Documentación · Android
🇪🇸 Español
Obtener WebViewGold

API de respuesta háptica

Active la respuesta háptica por vibración nativa desde su aplicación web para lograr una sensación de app nativa en Android.

WebViewGold permite implementar el control háptico nativo de Android dentro de su app web. Con nuestra API, puede realizar las siguientes acciones:

Impacto ligero
lighthaptic://
Se utiliza para una colisión entre elementos de interfaz pequeños y ligeros
Impacto fuerte
heavyhaptic://
Se utiliza para una colisión entre elementos de interfaz grandes y pesados
Notificación de éxito
successhaptic://
Indica que una tarea o acción se ha completado correctamente
Notificación de advertencia
warninghaptic://
Indica que una tarea o acción ha generado algún tipo de advertencia
Notificación de error
errorhaptic://
Indica que se ha producido un error

A continuación puede ver un ejemplo de cómo se puede utilizar esta API, con una etiqueta de anclaje y una función JavaScript personalizada que interactúan con nuestra API háptica.

<a onclick="lightHaptic('index.html')">Navigation Link with Haptics</a>

<script>
function lightHaptic(url) {
  if (isWebViewBrowser) {
    window.location.href = url;
    loadInnerHref("lighthaptic://");
  } else {
    window.location.href = url;
  }
}

function loadInnerHref(url) {
  iFrame = document.createElement("iframe");
  iFrame.setAttribute("src", url); 
  document.body.appendChild(iFrame);
  iFrame.parentNode.removeChild(iFrame);
  iFrame = null;
}
</script>

Haga clic aquí para ver una página web de demostración de esta función. Inspeccione la página para ver el código de ejemplo.

Notas de implementación estilo SDK

Trate esta función como una capacidad nativa expuesta a su capa web: mantenga su sitio web de producción o PWA como fuente de verdad y, a continuación, utilice los indicadores de configuración de WebViewGold, los comandos de URL y las llamadas del puente de JavaScript documentados para activar el comportamiento nativo de Android solo donde aporte valor. Este enfoque mantiene su código fácil de mantener, porque la misma aplicación web puede servir a los navegadores, a WebViewGold para Android y a las demás plataformas de WebViewGold con una lógica condicional mínima.

Para obtener resultados fiables, opte por puntos de conexión HTTPS, nombres de ruta estables, estados de éxito/error explícitos en su interfaz y pequeñas funciones auxiliares de JavaScript que envuelvan las llamadas nativas. Por ejemplo, una aplicación web creada con jQuery Mobile, Lovable, Base44, Bolt, WordPress, Bubble, una pila propia de React/Vue/Angular o HTML estático puede exponer un único botón o controlador de eventos que active la API nativa de WebViewGold y, aun así, muestre una alternativa elegante en el navegador.

  • Patrón de integración recomendado: detecte el contexto de la app, llame a la API de WebViewGold y luego actualice su interfaz web tras la devolución de llamada nativa o el cambio de ruta.
  • Lista de comprobación de pruebas: valide la función en un dispositivo real o en una compilación empaquetada, verifique los permisos y el texto de revisión de la tienda, y confirme que los usuarios que solo usan el navegador siguen recibiendo una alternativa útil.
  • Ventaja para el SEO: mantenga las páginas de funciones, los títulos de ruta y el contenido estructurado indexables en su sitio web, mientras WebViewGold ofrece la carcasa nativa de la app para los usuarios de Android.

¿Sin tiempo? Configuramos tu app por ti.

Nuestro equipo configura, compila & publica tu app WebViewGold: llave en mano, entrega rápida, Made in Germany.

Configurar mi app →

Compila en tu navegador

Sin Mac ni IDE: el WebViewGold Cloud Builder configura, compila & sube tu app en línea.

Descubre Cloud Builder →