Bookmarklet para recargar la CSS en línea
O lo que es lo mismo, se terminó recargar la página para ver el efecto deseado. De momento está en modo manual, es decir, que para recargar la CSS tendréis que ejecutar el Bookmarklet. No me interesa añadirle un setInterval, así que si alguien se anima a programarlo pues que aporte la modificación :).
JavaScript:
-
javascript:function refreSSCR(aCSS){var nCSS;var r=Math.round(Math.random()*999999);if(aCSS.indexOf("?r")!=-1){nCSS=aCSS.replace(/\?r\=\d+/,"?r="+r);}else{nCSS=aCSS+"?r="+r;};return [aCSS,nCSS];};function refreSSCS(el,CSS){el.innerHTML=el.innerHTML.replace(CSS[0],CSS[1]);};function refreSSCL(el,CSS){el.href=CSS[1];};function refreSSC(){var s,imp,r;var impurl = /@import url(?:\ *)(?:\(|\(\"|\(\')(.*)?(?:\)|\"\)|\'\));/;var st=document.getElementsByTagName('style');for(var i=0,t=st.length;i<t;i++){s=st[i];if(imp=impurl.exec(s.innerHTML)[1]){refreSSCS(s,refreSSCR(imp));}};var lt=document.getElementsByTagName('link');for(var i=0,t=lt.length;i<t;i++){s=lt[i];if(s.rel.toLowerCase().indexOf('stylesheet')!=-1&&s.href){refreSSCL(s,refreSSCR(s.href));}};};refreSSC();
Ese muñón lo metéis en un bookmark.
He estado navegando un rato para encontrar algo ya hecho pero solo he encontrado unos bookmarklets que te recargan el estilo si es del tipo LINK, por ello me he puesto con este que recarga todas las LINK y los @import.
La comprobación de LINK la he copiado de: MrClay.org
Comentarios
Deja un comentario