javascript - data - Turbolinks: ¿cuál es la forma en que Rails 4 muestra el progreso de las páginas lentas?

turbolinks no preview

Question

Esta pregunta puede sonar similar a la solicitud larga de Rails turbolinks no muestra la carga de la página .

Recientemente comencé la nueva aplicación Rails 4, que usa la biblioteca Turbolinks de manera predeterminada: es impresionante: hace que la aplicación se sienta más rápida / ágil, sin embargo, tengo algunas páginas que son más lentas que otras.

Lamentablemente, no puedo encontrar una buena manera de hacer que un navegador muestre el indicador de carga predeterminado , al igual que cuando carga páginas web "convencionales". La gente recomienda diferentes soluciones de JavaScript, por ejemplo, https://github.com/caarlos0/turbolinks_transitions . Aunque algunos se ven bien, el "usuario promedio de Internet" no está acostumbrado a ver el progreso de la carga en otro lugar que no sea el indicador de carga del navegador predeterminado.

• ¿Cómo puedo hacer que Chrome muestre ese "semicírculo giratorio" en el encabezado de la pestaña?
• ¿O cómo puedo hacer que Safari muestre que "mueve la onda azul" en la barra de direcciones?
• Etc.

La mayoría de mis páginas son rápidas, por lo que me gustaría mostrar este indicador de carga para las páginas que no se cargarán en 300 ms, por ejemplo.

¡Gracias! Alex.

Answer 1

Si bien esto no es exactamente lo que quieres, puedes cambiar el cursor para que sea el cursor de carga usando javascript como este.

$(''selector'').css( ''cursor'', ''wait'' );

Definitivamente, les permitirá a los usuarios saber que se está cargando una página. Puedes configurar / eliminarlo con más javascript