Estoy usando el plugin jQuery blockUI para mostrar algún "cargador" ingenioso en cada llamada AJAX y cada cambio de URL.

Aquí está el código completo responsable de eso:

var rootPath = document.body.getAttribute("data-root");

$.blockUI.defaults.message = '<h3><img style="margin: 0 5px 5px 0" src="' + rootPath + '/images/process.gif" width="48" height="48" />In progress...</h3>';
$.blockUI.defaults.css.top = '45%';

$(document).ajaxStart($.blockUI).ajaxStop($.unblockUI);
$(window).on('beforeunload', function(){$.blockUI();});

Todo está bien durante la llamada AJAX, sin embargo, me he dado cuenta de que Chrome y Firefox muestran imágenes animadas$.blockUI.defaults.message), durante la recarga de la página, es decir, durantebeforeunload.

¿Es esto un error en estos navegadores? O es un estándar documentado, que solo IE se rompe (que muestra la imagen sin ningún problema). BTW: Animado.gif no es un problema, tanto Firefox como Chrome no muestran incluso estática.png problema.

¿Puede esto ser de alguna manera una solución? Me gustaría tener exactamente los mismos cargadores tanto en las llamadas AJAX como en los redireccionamientos de página / cambios de URL.