Làm mới bộ nhớ cache của trình duyệt cho nhiều tài nguyên (CSS & Javascript)

Question

Tôi đang phát triển một trang web hiện đang trong giai đoạn thử nghiệm.

Bất cứ khi nào tôi thực hiện một số thay đổi quan trọng đối với Javascript và CSS, người thử nghiệm của tôi thông báo cho tôi về nhiều lỗi mới, một số lỗi khá nghiêm trọng. Tuy nhiên, tất cả chúng được gây ra bởi các trình duyệt lưu trữ các tập lệnh JS và tệp CSS và sử dụng các phiên bản cũ với HTML mới. Hơn nữa, vì đây là một phiên bản thử nghiệm, tôi có khoảng 10 tệp JS riêng biệt được liên kết với các thẻ <script type="text/javascript" src="..."></script>. Có thể làm mới bảng định kiểu theo cách thủ công, nhưng yêu cầu người thử nghiệm duyệt qua từng tệp JS và làm mới nó hơi quá nhiều.

Có cách nào để thông báo cho trình duyệt biết rằng các tệp được liên kết đã được cập nhật và cần được tải lại không?

Answer 1

Thêm "cache buster" vào url tức là - thêm thông số chuỗi truy vấn.

<script src="foo.js"></script> 

trở thành

<script src="foo.js?v=1"></script> 

Nếu bạn đang làm cho tổ chức phát hành, bạn có thể sau đó chỉ cần sử dụng các phiên bản của việc phát hành như buster cache.

Answer 2

Làm cách nào để thêm chuỗi ngẫu nhiên vào tên tệp? Ví dụ dấu thời gian.

style.css?123456 

Điều này sẽ hữu ích.