He estado utilizando Safari como mi navegador de desarrollo y me resulta bastante difícil obtener una vista previa de los cambios de CSS en un entorno pesado de JavaScript.¿Volver a cargar hojas de estilo CSS sin volver a cargar la página?
Mi aplicación web y entorno de desarrollo es el siguiente:
Yo no lo he probado, pero esta bookmarket promete hacer el trabajo: ReCSS. Estoy seguro de que podría reutilizar el código allí.
he creado una herramienta llamada Vogue http://aboutcode.net/vogue/
Vogue relojes del sistema de archivos para cambios en los archivos CSS utilizados por su página web. Luego le dice al navegador web, en tiempo real, que vuelva a cargar solo las hojas de estilo.
Funciona en todos los navegadores y no requiere complementos (todo es javascript).
¡Bonito bookmarklet! ¡Funciona genial! Ahora me pregunto si incluso necesito mencionar cómo hacerlo manualmente ...
¿A quién está respondiendo aquí? –
Hmmm ... Debo haber perdido la pregunta, arriba del pliegue en la ventana de mi navegador, y respondí a la respuesta. Mi error. Web Inspector no parece funcionar hoy en Safari, pero supongo que puede editar el marcado para que el archivo css se actualice sin refrescar la página. –
Durante el desarrollo, he encontrado también se puede simplemente tirar un signo de interrogación después de su CSS referencia de nombre de archivo, ... que sirve para engañar a alguien en el camino de servir a la CSS para usted que está construido dinámicamente (por lo que lo buscará cada vez). No estoy seguro si es Safari, o mi servidor web específico que está siendo engañado, sin embargo, entonces YMMV.
en IE, FF y Chrome, Cntr "R" hace la actualización completa derecha – kobe
Pruebe Ctrl-F5 en su lugar. Creo que es más universal. – theazureshadow
Funcionó como un sueño – fivetwentysix