Cómo forzar la recarga del navegador Chrome.archivo css durante la depuración en Visual Studio?

Para forzar a chrome a cargar css y js:

Windows opción 1: CTRL + CAMBIO + R
Opción 2 de Windows: SHIFT + F5

OS X: ⌘ + CAMBIO + R

Actualizado según lo declarado por @ PaulSlocum en los comentarios (y muchos confirmados)

Respuesta original:

Chrome cambió el comportamiento. Ctrl + R lo hará por ti.

En OS X: ⌘ + R

Si tiene problemas para recargar archivos css/js, abra el inspector (CTRL + SHIFT + C) antes haciendo la recarga.

[LEA LA ACTUALIZACIÓN A CONTINUACIÓN]

La forma más fácil que he encontrado es en la configuración de Chrome DevTools. Haga clic en el icono de engranaje (o 3 puntos verticales, en versiones más recientes) en la parte superior derecha de DevTools para abrir el diálogo "Configuración". Allí, marque la casilla: "Desactivar caché (mientras DevTools está abierto)"

ACTUALIZAR: Ahora esta configuración se ha movido. Se puede encontrar en la pestaña "Red", es una casilla de verificación etiquetada como"Deshabilitar caché".

Usted está tratando con el problema de la caché del navegador.

Desactiva la caché en la propia página. Eso no guardará el archivo de soporte de la página en el navegador / caché.

<meta http-equiv="cache-control" content="max-age=0" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="expires" content="Tue, 01 Jan 1990 12:00:00 GMT" />

Este código que necesita/necesita insertar en la etiqueta head de la página que está depurando, o en la etiqueta head de master page de su sitio

Esto no permitirá que el navegador almacene el archivo en caché, eventualmente los archivos no se almacenarán en archivos temporales del navegador, por lo que no se requerirá caché, por lo que no se requerirá recarga:)

Estoy seguro de esto lo hará:)

En mi caso,en la configuración de Chrome DevTools, simplemente establezca "Deshabilitar caché (mientras DevTools está abierto)" no funciona, debe verificar "Habilitar mapas de fuente CSS" y "Auto-reload generated CSS",que se enumeran en el grupo de fuentes, para que este problema de caché desaparezca.

Presione MAYÚS+F5 .

Está funcionando para mí con la versión de Chrome 54.

Me había enfrentado al mismo problema aquí! pero seguro, mi resolución es mejor que todos los ejemplos anteriores, solo haga esto,

1. Tire hacia arriba de la consola de desarrolladores de Chrome pulsando F12
2. Haga clic derecho en el botón recargar en la parte superior del navegador y seleccione "Vaciar caché y Recargar duro."

¡Eso es!

Con macOS puedo forzar a Chrome a recargar el archivo CSS haciendo

⌘ + CAMBIO + R

Encontró esta respuesta enterrada en los comentarios aquí pero merecía más exposición.

Versión actual de Chrome (55.x) no vuelve a cargar todos los recursos cuando se vuelve a cargar la página (Comando + R) - y que no es útil para la depuración de la .archivo css.

Command + R funciona bien si desea depurar solo el.HTML, .php, .etc, y es más rápido porque funciona con recursos locales / en caché (.css, .js). Eliminar manualmente la caché del navegador para cada iteración de depuración no es conveniente.

Procedimiento para forzar la recarga .archivo css en Mac (Atajo de teclado / Chrome): Comando + Shift + R

Sé que es una vieja pregunta, pero si alguien todavía está buscando cómo recargar un solo archivo css/js externo, la forma más fácil ahora en Chrome es:

1. Vaya a Pestaña de red en DevTools
2. Haga clic derecho sobre el recurso y seleccione Replay XHR para repetir la solicitud

Asegúrese de que la opción Disable cache está seleccionada para forzar la recarga.

Para macOS Chrome:

1. Open developers tools cmd+alt+i
2. Haga clic en tres puntos en la esquina superior derecha en developers tools
3. Haga clic en configuración
4. Desplácese hacia abajo hasta Network
5. Habilitar Disable cache (while DevTools is open) ver captura de pantalla:

¿Por qué es necesario actualizar toda la página? Simplemente actualice solo los archivos CSS sin recargar la página. Es muy útil cuando, por ejemplo, tienes que esperar una respuesta larga de DB. Una vez que obtenga datos de la base de datos y rellene la página, edite sus archivos CSS y recárguelos en Chrome (o en Firefox). Para ello es necesario instalar CSS Reloader extension. La versión de Firefox también está disponible.

Puede copiar y pegar este script en Chrome console y obliga a sus scripts CSS a recargarse cada 3 segundos. A veces me resulta útil cuando estoy mejorando estilos CSS.

var nodes = document.querySelectorAll('link');
[].forEach.call(nodes, function (node) {
    node.href += '?___ref=0';
});
var i = 0;
setInterval(function () {
    i++;

    [].forEach.call(nodes, function (node) {
        node.href = node.href.replace(/\?\_\_\_ref=[0-9]+/, '?___ref=' + i);
    });
    console.log('refreshed: ' + i);
},3000);

Sigue siendo un problema.

Usando parámetros como "..css?something = random-value " no cambia nada en mi experiencia de atención al cliente. Solo funciona el cambio de nombre.

Otra toma sobre el cambio de nombre del archivo. Uso Reescritura de URL en IIS. A veces la Reescritura Isapi de Helicon.

Añadir nueva regla.

+ Name: lame-chrome-fix.
+ Pattern: styles/(\w+)_(\d+)
+ Rewrite URL: /{R:1}.css

Nota: Me reservo el uso de undercase para separar el nombre del número aleatorio. Podría ser cualquier otra cosa.

Ejemplo:

<link href="/styles/template_<% 
Response.Write( System.DateTime.UtcNow.ToString("ddmmyyhhmmss")); %>" 
type="text/css" />

(Sin carpeta de estilos es solo un nombre parte del patrón)

Código de salida como:

<link href="/styles/template_285316115328" 
rel="stylesheet" type="text/css">

Redirigir como:

(R:1 = plantilla)

/plantilla.css

Solo la explicación es larga.

Acaba de tener este problema donde una persona que ejecuta Chrome (en un Mac) de repente dejó de cargar el archivo CSS. CMD + R NO funcionó en absoluto. No me gustan las sugerencias anteriores que obligan a una recarga permanente en el sistema de producción.

Lo que funcionó fue cambiar el nombre del archivo CSS en el archivo HTML (y cambiar el nombre del archivo CSS, por supuesto). Esto obligó a Chrome a ir a obtener el último archivo CSS.

Si está utilizando Sublime Text 3, el uso de un sistema de compilación para abrir el archivo abre la versión más actual y proporciona una forma conveniente de cargarlo a través de [CTRL + B] Para configurar un sistema de compilación que abra el archivo en chrome:

1. Ir a'Herramientas'

2. Coloca el ratón sobre 'build system'. En la parte inferior de la lista, haga clic en ' Nuevo sistema de compilación...'

3. En el nuevo archivo del sistema de compilación escriba esto:

   {"cmd": [ "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe", "$file"]}
   

* * siempre que se indique la ruta arriba en el primer conjunto de comillas es la ruta a donde Chrome se encuentra en su ordenador, si no es simplemente encontrar la ubicación de chrome y reemplazar la ruta en el primer conjunto de comillas con la ruta a chrome en su ordenador.

Resolví con este simple truco.

<script type="text/javascript">
  var style = 'assets/css/style.css?'+Math.random();;
</script>

<script type="text/javascript">
  document.write('<link href="'+style+'" rel="stylesheet">');
</script>

La forma más sencilla de lograr su objetivo es abrir una nueva ventana de incógnito en su chrome o ventana privada en firefox que por defecto, no caché.

Puede usar esto para fines de desarrollo para que no tenga que inyectar algún código de prevención de caché aleatorio en su proyecto.

Si usted está utilizando IE entonces que dios le ayude!

Ctrl + F5

Shift + F5

Ambos funcionan

Si está utilizando SiteGround como su empresa de alojamiento y ninguna de las otras soluciones ha funcionado, pruebe esto:

Desde el cPanel, vaya a "HERRAMIENTAS DE MEJORA DEL SITIO" y haga clic en "SuperCacher."En la página siguiente, haga clic en el botón "Vaciar caché".

La forma más fácil de Safari 11.0 macOS SIERRA 10.12.6: Recargar página de Origen, puede utilizar ayuda para averiguar dónde en el menú se encuentra, o puede utilizar la opción de acceso directo(alt) + comando + R.

Chrome/firefox/safari/IE recargará toda la página mediante estos atajos

Ctrl + R (O) Ctrl + F5

¡Espero que te ayude!.