Tại sao CSS của tôi không cập nhật trong trình duyệt web?

Question

Khi mã hóa trang web của tôi, tôi lưu tài liệu HTML và CSS rồi làm mới trình duyệt của mình để xem các thay đổi. Tuy nhiên khi tôi làm mới các thay đổi HTML được nhìn thấy nhưng thay đổi CSS thì không. Thay vào đó những gì tôi sẽ phải làm là đóng cửa sổ và mở lại nó để xem các thay đổi CSS của tôi.

Bất kỳ ý tưởng nào tại sao tôi không thể làm mới và xem thay đổi CSS thay vì đóng cửa sổ và mở lại?

Answer 1

Hãy thử một "cứng" làm mới của trình duyệt của bạn ...

http://en.wikipedia.org/wiki/Wikipedia:Bypass_your_cache

Ý tưởng là để xóa bộ nhớ đệm của trình duyệt. Các trình duyệt khác nhau xử lý điều này một cách khác nhau và bài viết wiki này có một hướng dẫn tốt cho mỗi trình duyệt chính về cách thực hiện điều này.

Hoặc, bạn có thể xóa bộ nhớ cache của trình duyệt, cũng được đề cập trong bài viết wiki.

Answer 2

Tôi nghĩ rằng đó là sự cố bộ nhớ cache.

Làm thế nào để xác định vị trí các vấn đề

Nếu bạn đang sử dụng Chrom hoặc Firefox hay Safari, chỉ cần nhấp chuột phải vào trang và chọn inspect element, và chọn network tab.

Bây giờ làm mới trang của bạn như bình thường, và bạn sẽ thấy tất cả các yêu cầu http như thế này:

Nếu tình trạng tập tin css là 304, có nghĩa là trình duyệt yêu cầu máy chủ file css, và máy chủ nói: "không, bạn không cần phải hỏi tôi, tôi đã cung cấp cho bạn tệp css trước đó, nó đã không thay đổi. "

Nếu trạng thái tệp css là 200, nhưng kích thước là from cache, điều đó có nghĩa là trình duyệt thậm chí không yêu cầu máy chủ cho tệp, trình duyệt cho rằng tệp này có tệp mới nhất.

Tôi nghĩ bạn đang ở trong tình trạng thứ hai (200 từ bộ nhớ cache).

Làm thế nào để giải quyết này:

1. bạn luôn có thể xóa bộ nhớ cache brwoser để xem các thay đổi. Hoặc bạn có thể vô hiệu hóa bộ nhớ cache của trình duyệt cho mục đích gỡ lỗi.

   Nhưng bạn có thể không phải lúc nào cho khách truy cập của bạn để xóa bộ nhớ cache, vì vậy phương pháp thứ hai:

2. nếu bạn đang sử dụng PHP hoặc bất cứ điều gì như là ngôn ngữ máy chủ, nối thêm một chuỗi truy vấn đến tên tập tin css:

   < link rel = stylesheet " " type = " text/css " href = " http://www.example.com/style.css?ts=<?=time()?>&quot;/>

   99% thời gian, tính năng này sẽ hoạt động.

3. nếu đó là trang html tĩnh, bạn có thể thay đổi chuỗi truy vấn css theo cách thủ công (hoặc thậm chí tên tệp css, nếu bạn muốn).

Answer 3

Tùy thuộc vào trình duyệt, đó có thể là sự cố lưu vào bộ nhớ cache.

Có thể có cài đặt trong trình duyệt đang ngăn không cho Cache cập nhật.

Bạn đã thử đặt lại trình duyệt của mình về mặc định chưa?

Lý do tôi hỏi, Firefox và Chrome có xử lý theo cách này không.

Nếu bạn xóa bộ nhớ cache + cookie trong Firefox, nó có thể không có hiệu lực cho đến khi bạn đóng tất cả cửa sổ Trình duyệt.

Chrome sẽ làm mới bộ nhớ cache với từng tab riêng lẻ.

Tôi khuyên bạn nên cài đặt lại trình duyệt của mình vì đây chắc chắn là vấn đề địa phương nhưng không liên kết với chính css.