Câu hỏi Tắt bộ nhớ cache của Chrome để phát triển trang web


Tôi đang sửa đổi diện mạo của trang web (sửa đổi CSS) nhưng không thể thấy kết quả trên Chrome do bộ nhớ cache liên tục gây phiền nhiễu. Tôi đã thử Shift+ làm mới nhưng nó không hoạt động.

Làm thế nào tôi có thể tắt tạm thời bộ nhớ cache hoặc làm mới trang theo cách nào đó mà tôi có thể thấy các thay đổi?


1434
2018-04-16 23:10


gốc


Đây có lẽ là lỗi Chrome tồi tệ nhất. Tôi đã lãng phí quá nhiều thời gian tự hỏi tại sao mọi thứ đã đi ra sai, chỉ để thấy rằng - mặc dù đã buộc phải nạp lại hoàn toàn với ^ F5 - nó sử dụng một nguồn tài nguyên cũ cũ. - Glenn Maynard
Trình duyệt có nghĩa vụ lưu vào bộ nhớ cache. Hãy nhớ rằng, người dùng của bạn cũng sẽ được lưu vào bộ nhớ cache - và vì vậy có thể không thấy các thay đổi mà bạn thực hiện sau khi trang web của bạn đang được sản xuất. Cách để tránh điều này là phiên bản tệp của bạn. my_css.css? version = something_unique. Nếu trình duyệt không thấy phiên bản trước thì trình duyệt sẽ tải lại tệp. ví dụ như something_unique có thể là ngày sửa đổi cuối cùng. - user984003
@ user984003 Ctrl+Shift+R hoặc là Shift+R nên xóa bộ nhớ cache ... - Adonis K. Kakoulidis
@ user984003 Không nếu tôi yêu cầu họ không lưu vào bộ nhớ cache. Có, một số phiên bản bộ nhớ cache phá sản rất tuyệt cho bản phát hành cuối cùng vì đó là những gì người dùng đang sử dụng, nhưng khi tôi đang tạo trang web mới và tôi muốn thấy các thay đổi gia tăng như tôi thực hiện, tôi không thay đổi số phiên bản mỗi lần . Do đó, tại sao tôi phát triển với Firefox - nó có các tùy chọn tắt bộ nhớ cache đáng tin cậy nhất! - andrewb
@ user984003 có, trình duyệt được cho là cache ... khi duyệt web. Khi phát triển, bạn cần kiểm soát nhiều hơn điều đó. - ahnbizcad


Các câu trả lời:


Chrome DevTools có thể tắt bộ nhớ cache.

  1. F12 hoặc là Click chuột phải và Inspect Element để mở DevTools.
  2. Hiện nay nhấp chuột  Network trong thanh công cụ để mở ngăn mạng.
  3. Cuối cùng, kiểm tra các Disable cache hộp kiểm ở trên cùng.

screenshot of development tools panel

Hãy ghi nhớ, như một tweet từ @ChromiumDev đã nêu, cài đặt này là chỉ hoạt động khi devtools được mở.

Lưu ý rằng điều này sẽ dẫn đến tất cả các tài nguyên được tải lại. Nếu bạn muốn vô hiệu hóa bộ nhớ cache chỉ cho một số tài nguyên, bạn có thể sửa đổi tiêu đề HTTP mà máy chủ của bạn gửi cùng với tệp của bạn. Bạn có thể đọc thêm về điều này đây.


1817
2017-08-09 18:20



Từ kinh nghiệm của tôi, cài đặt này (và tất cả các cài đặt trên bảng điều khiển đó) chỉ có hiệu lực khi công cụ dev mở. - Johann
@Steve Điều này không hiệu quả với tôi. Tôi không nhận được bất kỳ thay đổi nào, mặc dù tôi có Chrome 19.0.1084.52 và tôi đã chọn hộp để tắt bộ nhớ đệm. Tôi đã thử với bảng điều khiển mở. Tôi đã thử với nó đóng cửa. Tôi thậm chí đã thử khởi động lại trình duyệt của mình, sau đó khởi động lại máy tính của mình. Dường như vẫn tiếp tục cung cấp cho tôi phiên bản được lưu trong bộ nhớ cache của trang. Tôi nên làm gì? Chrome đã cho tôi những vấn đề như thế này trước đây, vì vậy tôi đã xóa mọi thứ liên quan đến google khỏi máy tính của tôi, sau đó cài đặt lại chrome. Nó cố định hầu hết mọi thứ như "tab lịch sử tải vĩnh viễn". Tôi đoán nó vẫn không hoạt động. - Tgwizman
Command-Shift-R cho mac = | - holms
Đây chính là chìa khóa ... "chỉ khi devtools hiển thị." - Justin Ohms
Tôi thấy rằng điều này không hoạt động khi làm mới trang hiện tại sau khi thay đổi cài đặt. Chỉ khi tôi điều hướng đi và sau đó trở lại một lần nữa nó đã bắt đầu làm việc. - Matt Gibson


enter image description here

Xóa bộ nhớ cache quá khó chịu khi bạn cần xóa bộ nhớ cache 30 lần một giờ .. vì vậy, tôi đã cài đặt một Tiện ích mở rộng của Chrome được gọi là Classic Cache Killer xóa bộ nhớ cache trên mỗi lần tải trang.

Liên kết Cửa hàng Chrome (miễn phí) (Hiện không có phần mềm độc hại!)

Bây giờ tôi json giả, javascript, css, html và làm mới dữ liệu mỗi lần trên mọi tải trang.

tôi không bao giờ phải lo lắng nếu tôi cần xóa bộ nhớ cache của mình.

Có khoảng 20 trình dọn dẹp bộ nhớ cache cho Chrome mà tôi tìm thấy, nhưng điều này có vẻ nhẹ và không nỗ lực. Trong bản cập nhật, Cache Killer giờ đây có thể ở trạng thái "luôn bật".

Lưu ý: Tôi không biết tác giả của plugin theo bất kỳ cách nào. Tôi chỉ thấy nó hữu ích.


230
2017-08-02 21:46



Cache Killer là tuyệt vời. +1 - nbrogi
Đây là câu trả lời TỐT NHẤT. Bởi vì nhiều người trong chúng ta không có khả năng để có các công cụ dev trên. Tôi sử dụng PHPStorm, chỉ cập nhật trực tiếp nếu các công cụ dev bị tắt. Vì vậy, tôi chỉ sử dụng nó khi tôi đang gỡ lỗi ... - Friend of Kim
Tôi đồng ý câu trả lời tốt nhất. Tôi sử dụng phần mở rộng này hàng ngày để phát triển web. Nó là tốt đẹp để có thể biến bộ nhớ cache hoàn toàn tắt trong khi phát triển và sau đó bật nó để thử nghiệm. Đánh giá cao nó. - mbokil
Vâng, tùy chọn Công cụ dành cho Chrome Dev dường như không hoạt động đối với tôi. Nhưng cache killer hoạt động như một sự quyến rũ. Thời gian tải lại chậm hơn đáng kể, như 4-5x, nhưng việc phân phát thực tế nội dung mới rõ ràng nhanh hơn rất nhiều. - Bryce Johnson
Đã bị xóa khỏi Cửa hàng tiện ích Chrome vì phần mềm độc hại: (Các giải pháp thay thế? - Semyon Vyskubov


Picture of reload menu

  1. Kéo bảng điều khiển dành cho nhà phát triển Chrome lên bằng cách nhấn F12 và sau đó (với giao diện điều khiển mở):

  2. Nhấp chuột phải (hoặc giữ nhấp chuột trái) vào nút tải lại ở đầu trình duyệt và chọn "Empty Cache and Hard Reload".

Điều này sẽ vượt quá "Tải lại cứng" để dọn sạch bộ nhớ cache hoàn toàn, đảm bảo rằng mọi thứ được tải xuống qua javascript hoặc v.v. cũng sẽ tránh sử dụng bộ nhớ cache. Bạn không cần phải gây rối với các thiết lập hoặc bất cứ điều gì, đó là một giải pháp 1-shot nhanh chóng.


184
2018-01-22 15:29



@DatProgram Không, nó cũng làm việc cho tôi trên Linux. - slhck
nó chắc chắn không hoạt động trên mac mặc dù, tôi đã nhấp vào nút tải lại với nhiều tổ hợp phím;) - MJB
Tải lại là gì? - ManirajSS
Cũng sẽ không xóa bộ nhớ cache cho iframe bên trong trang. - Pablo Mescher
Bạn không chắc thời gian này là đúng, nhưng kể từ Chrome 41, hãy nhấp và giữ nút tải lại hoạt động trên OS X, miễn là bạn đã mở cửa sổ công cụ dành cho nhà phát triển. - Tim Keating


Có hai tùy chọn khác để tắt tính năng lưu vào bộ nhớ cache của trang trong Chrome:

1. Tắt bộ nhớ cache của Chrome trong Registry

Mở Registry (Start -> Command -> Regedit)

Tìm kiếm: HKEY_CLASSES_ROOT\ChromeHTML\shell\open\command

Thay đổi phần sau ... chrom.exe "thành giá trị này: –disable-application-cache –media-cache-size=1 –disk-cache-size=1 — "%1"

Thí dụ: "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" -disable-application-cache –media-cache-size=1 –disk-cache-size=1 — "%1"

QUAN TRỌNG:

  • có một dấu cách và dấu gạch nối sau ... chrome.exe "

  • rời đường dẫn đến chrome.exe vì nó là

  • Nếu bạn sao chép dòng, hãy chắc chắn kiểm tra, nếu dấu ngoặc kép là dấu ngoặc kép thực tế.

2. Tắt bộ nhớ cache của Chrome bằng cách thay đổi thuộc tính phím tắt

Nhấp chuột phải vào biểu tượng Chrome và chọn "Thuộc tính" trong trình đơn ngữ cảnh. Thêm giá trị sau vào đường dẫn: –disk-cache-size=1

Thí dụ: "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" –disk-cache-size=1

QUAN TRỌNG:

  • có một dấu cách và dấu gạch nối sau ... chrome.exe "

  • rời đường dẫn đến chrome.exe vì nó là


35
2017-08-05 13:42



sử dụng các thẻ mã để làm cho câu trả lời của bạn dễ đọc hơn. Tôi nghĩ đây có thể là một trong những câu trả lời hay nhất. - ThorSummoner
Câu trả lời tốt. Mặc dù hầu hết mọi người vô hiệu hóa bộ nhớ cache chỉ là một điều tạm thời trong quá trình phát triển. Vô hiệu hóa nó vĩnh viễn sẽ làm chậm một kinh nghiệm duyệt web bình thường đáng kể và là loại công dân internet xấu vì nó đặt tải không cần thiết trên các máy chủ web truy cập của bạn. - danielson317


Nếu bạn không muốn chỉnh sửa cài đặt của Chrome, bạn có thể sử dụng chế độ ẩn danh cho cùng một kết quả.


22
2018-04-03 01:33



Tôi không thể hiểu tại sao tôi không nghĩ đến giải pháp này trước đây ... Điểm tuyệt vời! - Flo-Schield-Bobby


Ngoài tùy chọn bộ nhớ cache vô hiệu hóa (mà bạn truy cập thông qua một nút ở góc dưới bên phải của cửa sổ công cụ dành cho nhà phát triển - Công cụ | Công cụ nhà phát triển hoặc Ctrl + Shift + tôi), trên bảng điều khiển mạng của các công cụ dành cho nhà phát triển, bạn có thể nhấp chuột phải và chọn "Xóa bộ nhớ cache" từ trình đơn bật lên.


20
2017-09-15 15:47



@Andrea Nice! Tôi thậm chí không biết rằng tùy chọn định dạng bàn phím đã tồn tại! - Tim Keating


  1. F12 để mở Chrome DevTools
  2. F1 để mở Cài đặt DevTools
  3. Kiểm tra Tắt bộ nhớ cache (trong khi DevTools đang mở) như hình dưới đây:

Điều này hiện tại trên Sở thích tab là mặc định. Bạn có thể cần cuộn xuống. Hộp kiểm này đã được di chuyển ít nhất một vài lần kể từ khi câu hỏi này được hỏi. Cuối cùng tôi đã kiểm tra, nó đã được ở giữa cột ở phía dưới. Nếu bạn mở nó trên màn hình mỏng hơn và có 2 cột trong Preferences, nó có thể nằm gần phía trên bên phải. Vui lòng cập nhật bài đăng này nếu bài đăng thay đổi hoặc nhận xét và tôi sẽ cập nhật bài đăng.

enter image description here


19
2018-03-31 16:38



Điều này cũng giống như việc kiểm tra "Tắt bộ nhớ cache" trực tiếp tại F12 Chrome Devtools và nó sẽ đặt lại khi bạn khởi động lại Chrome. - Bogdan Verbenets


Trong kênh Canary (và có thể là kênh dev và ổn định sẽ theo sau), điều này sẽ được tìm thấy là tùy chọn thứ hai tổng thể ở phía bên tay trái trong phần "Chung".

Disable Cache in Chrome Canary Channel

Ngoài ra, luôn có tùy chọn chuyển sang Chế độ ẩn danh qua Ctrl + Shift + N. Mặc dù không may cũng kết thúc phiên của bạn.


16
2018-03-27 20:28



Theo kinh nghiệm của tôi, nó chỉ hoạt động khi các công cụ dev được mở ra. Tôi đã bối rối vì sao bộ nhớ cache vẫn giữ trên các trang cho đến khi tôi nhận ra mình đã đóng các công cụ dev. Đó là kỳ lạ các thiết lập không ghi đè lên tất cả mọi thứ. - mbokil
Chế độ ẩn danh thực hiện một số hình ảnh và tệp trong bộ nhớ cache. - GobSmack


Thay vì nhấn "F5" Chỉ cần nhấn:

"Ctrl + F5"


16
2017-11-24 15:56



Nó cũng hoạt động trong Firefox (không phải vì nó có liên quan cho câu hỏi này, nhưng ai đó có thể thấy nó hữu ích) - Donald Duck


Để rõ ràng, hộp kiểm tắt bộ nhớ cache trong Chrome (v17 ở đây, nhưng vì v15 tôi tin) không có trong giao diện người dùng cài đặt chính. Nó nằm trong giao diện người dùng cài đặt công cụ dành cho nhà phát triển.

  1. Từ trình đơn biểu tượng cờ lê của cửa sổ trình duyệt (menu prefs), chọn Công cụ → Công cụ nhà phát triển

  2. Trong giao diện người dùng công cụ nhà phát triển xuất hiện, hãy nhấp vào biểu tượng bánh răng ở dưới cùng bên phải.

  3. Chọn hộp kiểm 'Tắt bộ nhớ cache' trong phần Mạng.


13
2017-11-28 01:46





Sử dụng Ctrl+Shift+R để làm mới thật đẹp nhưng không nhận được mọi thứ tôi cần. vẫn còn một số điều sẽ không làm mới, chẳng hạn như dữ liệu được lưu trữ trong js và css. tìm thấy một giải pháp: a thanh công cụ của google dành cho nhà phát triển web Chrome. Sau khi bạn cài đặt các tùy chọn thanh công cụ chọn và "thiết lập lại trang".


13
2018-05-08 12:59



+1. Tuy không hoàn hảo mặc dù: Để phát triển trên máy tính cục bộ, bộ nhớ cache hoàn toàn không cần thiết và sẽ giới thiệu các vấn đề, vì vậy tôi vẫn sẽ quan tâm đến một tính năng vô hiệu hóa như firebug. - c089
code.google.com/p/chromium/issues/detail?id=45516 - c089