Cum pot face ca browserul să vadă modificările CSS și Javascript?

Unele soluții pe care le-am văzut implică adăugarea unui număr de versiune la sfârșitul fișierului sub forma unui șir de interogare.

<script type="text/javascript" src="funkycode.js?v1">

Ai putea utiliza numărul de revizuire SVN pentru a automatiza această pentru tine prin includerea cuvântului LastChangedRevision în fișierul dvs. html după unde v1 apare mai sus. De asemenea, trebuie să vă configurați magazia pentru a face acest lucru.

Sper că acest lucru clarifică în continuare răspunsul meu?

Firefox permite, de asemenea, apăsarea CTRL + R pentru a reîncărca totul pe o anumită pagină.

Am constatat că dacă adăugați ultima dată marcajul temporal modificat al fișierului la sfârșitul adresei URL, browserul va solicita fișierele atunci când este modificat. De exemplu, în PHP:

function urlmtime($url) {
   $parsed_url = parse_url($url);
   $path = $parsed_url['path'];

   if ($path[0] == "/") {
       $filename = $_SERVER['DOCUMENT_ROOT'] . "/" . $path;
   } else {
       $filename = $path;
   }

   if (!file_exists($filename)) {
       // If not a file then use the current time
       $lastModified = date('YmdHis');
   } else {
       $lastModified = date('YmdHis', filemtime($filename));
   }

   if (strpos($url, '?') === false) {
       $url .= '?ts=' . $lastModified;
   } else {
       $url .= '&ts=' . $lastModified;
   }

   return $url;
}

function include_css($css_url, $media='all') {
   // According to Yahoo, using link allows for progressive 
   // rendering in IE where as @import url($css_url) does not
   echo '<link rel="stylesheet" type="text/css" media="' .
        $media . '" href="' . urlmtime($css_url) . '">'."\n";
}

function include_javascript($javascript_url) {
   echo '<script type="text/javascript" src="' . urlmtime($javascript_url) .
        '"></script>'."\n";
}

În opinia mea, este mai bine să faceți numărul versiunii parte a fișierului propriu-zis, de ex. myscript.1.2.3.js . Puteți seta serverul dvs. web să cacheze acest fișier pentru totdeauna, și doar adăugați un nou fișier JS atunci când aveți o nouă versiune.

De asemenea, mă întrebam cum să fac asta, când am găsit răspunsul lui Grom. Mulțumesc pentru cod.

M-am străduit să înțeleg cum ar fi trebuit să fie folosit codul. (Nu folosesc un sistem de control al versiunilor.) În rezumat, includeți marcajul temporal (ts) când apelați foaia de stil. Nu intenționați să schimbați adesea foaia de stil:

<?php 
    include ('grom_file.php');
    // timestamp on the filename has to be updated manually
    include_css('_stylesheets/style.css?ts=20080912162813', 'all');
?>

Când lansați o nouă versiune a bibliotecilor CSS sau JS, provoca următoarele:

1. modificați numele fișierului pentru a include un șir de versiuni unice
2. modificați fișierele HTML care fac trimitere la bibliotecă pentru a indica punctul fișierului versiune

(aceasta este de obicei o chestiune destul de simplă pentru un script de lansare)

Acum puteți seta Expresele pentru CSS / JS să fie ani în viitor. Ori de câte ori modificați conținutul, dacă referința HTML indică un URI nou, browserele nu vor mai folosi copia veche în memoria cache.

Acest lucru determină comportamentul de memorare cache dorit fără a cere nimic de la utilizator.