Vô hiệu hóa bộ đệm Chrome để phát triển trang web

Tôi đang sửa đổi giao diện của trang web (sửa đổi CSS) nhưng không thể thấy kết quả trên Chrome vì bộ đệm liên tục gây phiền nhiễu. Tôi đã thử Shift+ refresh nhưng không được.

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

Chrome DevTools có thể vô hiệu hóa bộ đệm.

1. Nhấp chuột phải và chọn Inspect Elementđể mở DevTools. Hoặc sử dụng một trong các phím tắt sau:
   • F12
   • Command+ Option+ itrên máy Mac
   • Control+ Shift+ itrên Windows hoặc Linux
2. Nhấn vào Network thanh công cụ để mở khung mạng.
3. Kiểm tra các Disable cachehộp kiểm ở đầu trang.

Hãy ghi nhớ, như một tweet từ @ChromiumDev đã nêu, cài đặt này chỉ hoạt động trong khi các devtools đang 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 chỉ muốn tắt bộ đệm 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 các tệp của bạn.

Nếu bạn không muốn sử dụng Disable cachehộp kiểm, nhấn và giữ nút làm mới với DevTools đang mở sẽ hiển thị một menu với các tùy chọn đến Hard Reloadhoặc Empty Cache and Hard Reloadsẽ có tác dụng tương tự. Đọc về sự khác biệt giữa các tùy chọn . Các phím tắt sau đây có sẵn:

• Command+ Option+ Rtrên máy Mac
• Control+ Shift+ Rtrên Windows hoặc Linux

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 Tiện ích mở rộng Chrome có tên 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ờ, mock json, javascript, css, html và dữ liệu của tôi được làm mới mỗi lần trên mỗi lần 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ó khoảng 20 trình dọn dẹp bộ nhớ cache cho Chrome mà tôi tìm thấy, nhưng cái này có vẻ nhẹ và không có nỗ lực. Trong bản cập nhật, Cache Killer giờ đây có thể luôn "bật".

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

1. Kéo bảng điều khiển dành cho nhà phát triển Chrome bằng cách nhấn F12và sau đó (với bảng đ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 "Bộ nhớ cache trống và Tải lại cứng".

Điều này sẽ vượt ra ngoài "Tải lại cứng" để làm trống hoàn toàn bộ đệm, đảm bảo rằng mọi nội dung được tải xuống qua javascript hoặc vv cũng sẽ tránh sử dụng bộ đệm. Bạn không cần phải lộn xộn với các cài đặt hay bất cứ điều gì, đó là giải pháp nhanh chóng.

Có hai tùy chọn khác để vô hiệu hóa bộ nhớ đệm trang trong Chrome :

1. Tắt Chrome Cache trong Sổ đăng ký

Mở Registry (Bắt đầu -> Lệnh -> 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 khoảng trắng và dấu gạch nối sau ... chrome.exe "

• để lại đường dẫn đến chrome.exe.

• 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ộ đệm 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 menu 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 khoảng trắng và dấu gạch nối sau ... chrome.exe "

• để lại đường dẫn đến chrome.exe.

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 kết quả.

Ngoài tùy chọn tắt bộ đệm (mà bạn nhận được 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ụ dành cho nhà phát triển hoặc Ctrl+ Shift+ I), trên ngăn mạng của công cụ dành cho nhà phát triển, giờ đây bạn có thể nhấp chuột phải và chọn "Xóa bộ nhớ cache" từ menu bật lên.

1. F12 để mở DevTools Chrome
2. F1 để mở Cài đặt DevTools
3. Kiểm tra Vô hiệu hóa bộ đệm (trong khi DevTools đang mở) như hiển thị bên dưới:

Điều này hiện đang trên tab Tùy chọn là mặc định. Bạn có thể cần phải 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. Lần cuối tôi kiểm tra, nó nằm ở cột giữa ở 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 bên dưới Tùy chọn, nó có thể ở gần trên cùng bên phải. Vui lòng cập nhật bài đăng này nếu nó thay đổi hoặc bình luận và tôi sẽ cập nhật bài viết.

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

"Ctrl + F5"

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

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

Sử dụng Ctrl+ Shift+ Rđể làm mới là tốt nhưng không có được mọi thứ tôi cần. vẫn còn một số thứ 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: một thanh công cụ của google cho các nhà phát triển web chrome . Sau khi bạn cài đặt thanh công cụ, chọn tùy chọn và "đặt lại trang".

Để 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. Đó là trong giao diện người dùng cài đặt công cụ phát triển.

1. Từ menu 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ụ dành cho nhà phát triển

2. Trong giao diện người dùng công cụ dành cho nhà phát triển xuất hiện, 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 'Vô hiệu hóa bộ đệm' trong phần Mạng.

Vô hiệu hóa bộ đệm trong chrome chỉ hoạt động khi bạn mở công cụ dev

Cho đến khi lỗi được khắc phục, bạn có thể sử dụng plugin Clear Cache Chrome và bạn cũng có thể đặt phím tắt cho nó.

Sau khi cài đặt nó, nhấp chuột phải và vào tùy chọn:

Kiểm tra Automatically reload active tab after clearing data:

Chọn Everythingcho Khoảng thời gian:

Và sau đó bạn có thể vào Menu => Công cụ => Tiện ích mở rộng:

Nhấp vào phím tắt ở phía dưới:

Và đặt phím tắt cho bàn phím của bạn, ví dụ Ctrl+ Shift+ R:

Trên thực tế nếu bạn không phiền khi sử dụng băng thông thì sẽ an toàn hơn vì nhiều lý do để vô hiệu hóa bộ nhớ đệm và được nhiều trang web bảo mật khuyên dùng.

Chromium không nên đủ kiêu ngạo để đưa ra quyết định và thực thi cài đặt cho người dùng.

Bạn có thể vô hiệu hóa bộ đệm trên UNIX bằng --disk-cache-dir = / dev / null.

Vì đây là sự cố không mong muốn có thể xảy ra nhưng nếu chúng xảy ra thì điều đó rõ ràng sẽ chỉ ra một lỗi nghiêm trọng hơn cần được khắc phục trong mọi trường hợp.

Điều này có thể giúp một người nào đó.

Tôi đã gian lận Nginx của tôi cho bộ nhớ đệm điên. Do đó, vô hiệu hóa bộ đệm trong các công cụ mạng và xóa bộ nhớ cache rõ ràng không hoạt động.

Một cách giải quyết rất đơn giản nhưng nhàm chán là, tôi chỉ cần mở một Tab ẩn danh mới. Đáng ngạc nhiên là nó hoạt động, tất cả các thời gian!

Làm mới cứng trong chế độ ẩn danh thực hiện thủ thuật bất cứ lúc nào tôi muốn tải lại trong cùng chế độ.

Làm thế nào về một bookmarklet thay đổi tên trang để ngăn trang khỏi bộ đệm. Trong Chrome, bạn sẽ tạo một dấu trang mới và sau đó dán mã vào URL. Nhấp vào dấu trang và trang sẽ tải lại với dấu thời gian để phá vỡ bộ đệm.

javascript:(function(){var idx = location.href.indexOf('?');var d = new Date();var str = location.href.substr(0,idx) + '?version=' + d.getTime();location.href=str; void 0;})();

Tôi vừa bị bắt gặp nhưng không nhất thiết là do Chrome.

Tôi đang sử dụng jQuery để thực hiện các yêu cầu AJAX. Tôi đã đặt thuộc tính bộ đệm thành đúng trong yêu cầu:

   $.ajax({
        type: 'GET',
        cache: true,
        ....

Đặt cái này thành false đã khắc phục vấn đề của tôi nhưng điều này không lý tưởng.

Tôi không biết dữ liệu này được lưu ở đâu nhưng tôi biết rằng chrome không bao giờ đánh vào máy chủ cho một yêu cầu.

Có một cách tốt hơn và nhanh hơn bây giờ (phiên bản Chrome 59.xx):

Nhấp chuột phải vào biểu tượng tải lại (bên trái của trường url) và bạn nhận được menu thả xuống, chọn tùy chọn thứ ba: 'Cache trống và tải lại cứng'.

Tùy chọn này chỉ khả dụng khi các công cụ dành cho nhà phát triển được mở. (Lưu ý sự khác biệt với tùy chọn 2: 'Tải lại cứng' -cmd-shift-R). Không có bộ nhớ cache trống ở đây!

Có một tiện ích mở rộng chrome có sẵn trong cửa hàng chrome có tên Clear Cache .

Tôi sử dụng nó mỗi ngày và nó là một công cụ rất hữu ích tôi nghĩ. Bạn có thể sử dụng nó làm nút tải lại và có thể xóa bộ nhớ cache và nếu bạn cũng thích cookie, lưu trữ cục bộ, dữ liệu biểu mẫu, v.v. Ngoài ra, bạn có thể xác định tên miền này xảy ra. Vì vậy, có thể xóa tất cả thứ rác rưởi này chỉ bằng nút tải lại mà bạn vẫn phải nhấn - trên các miền bạn đã chọn.

Rất rất tốt!

Bạn cũng có thể định nghĩa Phím tắt cho điều này trong các tùy chọn!

Ngoài ra, một cách khác là bắt đầu cửa sổ chrome của bạn ở chế độ ẩn danh. Ở đây bộ nhớ cache cũng nên được tắt hoàn toàn.

Thêm một tùy chọn để vô hiệu hóa bộ đệm được cung cấp bởi Trình kiểm tra kích thước trang mở rộng Chrome thứ 3 của tôi để vô hiệu hóa bộ đệm chính xác giống như Devtools.

Ngoài ra, tiện ích mở rộng nhanh chóng báo cáo kích thước trang, sử dụng bộ đệm, yêu cầu mạng và thời gian tải của trang web một cách thuận tiện. Cộng với nguồn mở của nó tại Github .

Không chắc chắn những gì bạn đang sử dụng, nhưng nếu bạn đang sử dụng ASP.Net, bạn có thể thực hiện các thao tác sau đây như một bùa mê:

<link href="@Url.Content("~/Content/Site.css")?time=@DateTime.Now" rel="stylesheet" />

Về cơ bản, nó sẽ tự động nối Ngày và Giờ vào cuối tệp mỗi lần chạy, nghĩa là vì tên tệp khác nhau về mặt kỹ thuật, bạn sẽ không bao giờ phải lo lắng về việc nó sẽ bị lưu lại.

Tôi đã có cùng một vấn đề, tôi đã thử:

• Kiểm soát Shift R,
• Vô hiệu hóa bộ đệm trong F12
• Kiểm soát F5.

Sau đó, tôi phát hiện ra rằng việc sử dụng bảng kê khai .appcache cho một trang web không https bị phản đối . Tôi đã xóa tệp site.appcache và tham chiếu của nó trong thẻ html và bây giờ tôi đang xem phiên bản mới nhất của mỗi trang!

Nếu bạn đang sử dụng ServiceWorkers (ví dụ: đối với các ứng dụng web lũy tiến), bạn có thể sẽ cần kiểm tra "Cập nhật khi tải lại" trong Ứng dụng> Nhân viên phục vụ trong các công cụ dev.

Kể từ phiên bản 50 (nếu tôi nhớ chính xác), tùy chọn "Tắt bộ đệm" đã bị xóa khỏi Cài đặt Devtool. Chuyển đến tab "Mạng" và có tùy chọn "Tắt bộ đệm".

Xin chào, nếu trang web của bạn đang sử dụng PHP thì hãy đặt đoạn mã PHP nhỏ ở đầu trang html của bạn:

   //dev versioning - stop caching
   $rand = rand(1, 99999999);

Giờ đây, ở mọi nơi bạn tải các tài nguyên như tệp CSS- hoặc JS- trong tập lệnh hoặc thành phần liên kết bạn sẽ thêm giá trị ngẫu nhiên được tạo vào URL yêu cầu sau khi thêm '?' đến URI thông qua PHP:

    echo $rand;

Đó là nó! Sẽ không có trình duyệt lưu trữ trang web của bạn nữa - bất kể loại nào.

Tất nhiên xóa mã của bạn trước khi xuất bản hoặc chỉ cần đặt $ rand thành một chuỗi trống để cho phép lưu lại bộ đệm.

Tôi đã sử dụng các tùy chọn khác được mô tả ở trên nhưng tôi thấy rằng tốt nhất là thêm tham số sau vào khởi động của chrome.exe.

"C: \ Tệp chương trình (x86) \ Google \ Chrome \ Application \ chrome.exe" --disk-cache-size = 1 -media-cache = 1

Tôi thấy không vô hiệu hóa bộ đệm phương tiện là một ý tưởng tốt nhưng nó ở đây vì lợi ích hoàn toàn.

Trên thực tế, tôi muốn có một tùy chọn để vô hiệu hóa hoàn toàn bộ đệm, sử dụng bộ nhớ cho IO thay vì đĩa của tôi (điều này sẽ khiến thời gian tải nhanh hơn gấp 10 lần!) Nhưng tôi không nghĩ chrome hay bất kỳ trình duyệt nào cho vấn đề đó chưa có tùy chọn đó .

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

Không rõ "bộ đệm" mà bạn đang đề cập đến. Có một số phương pháp khác nhau mà trình duyệt có thể lưu trữ nội dung liên tục. Lưu trữ web là một trong số họ, Cache-Controllà một người khác.

Một số trình duyệt cũng có Cache, được sử dụng cùng với Công nhân dịch vụ , để tạo Ứng dụng web lũy tiến (PWAs) cung cấp hỗ trợ ngoại tuyến.

Để xóa bộ đệm cho PWA

self.caches.keys().then(keys => { keys.forEach(key => console.log(key)) })

để liệt kê tên của các phím bộ đệm, sau đó chạy:

self.caches.delete('my-site-cache')

để xóa khóa bộ đệm theo tên (nghĩa là my-site-cache). Sau đó làm mới trang.

Nếu bạn thấy bất kỳ lỗi nào liên quan đến công nhân trong bảng điều khiển sau khi làm mới, bạn cũng có thể cần hủy đăng ký các công nhân đã đăng ký:

navigator.serviceWorker.getRegistrations()
  .then(registrations => {
    registrations.forEach(registration => {
      registration.unregister()
    }) 
  })

Cho đến nay, sát thủ Cache của Chrome là lựa chọn tốt nhất. Vì URL cửa hàng để cài đặt bộ nhớ cache bị hỏng, bạn có thể tải xuống tệp CRX tại đây:

https://www.crx4chrom.com/extensions/jpfbieopdmepaolggioebjmedmclkbap/

khi tệp tiện ích mở rộng được tải xuống, hãy mở Chrome -> thêm công cụ -> tiện ích mở rộng, sau đó kéo tệp CRX từ File Explorer hoặc Máy tính để bàn của bạn (tùy theo vị trí bạn đã tải xuống tệp) vào cửa sổ chrome để cài đặt tiện ích mở rộng.

Tôi sử dụng (trong windows), ctrl + shift + xóa và khi hộp thoại chrome xuất hiện, nhấn phím enter. Điều này có thể được cấu hình với những gì cần phải được xóa mỗi khi bạn thực hiện chuỗi này. Không cần phải có dev. công cụ mở trong trường hợp này.

Tôi đã ở trong tình huống trình duyệt tải dữ liệu bộ đệm từ đĩa ngay cả khi tôi đã kiểm tra nó bị vô hiệu hóa bộ đệm (tôi đang sử dụng Chrome). Tất cả CSS và JS của tôi đang tải từ máy chủ nhưng không phải trang web. Điều này đã xảy ra trên cả địa phương và sản xuất của tôi.

Để sửa lỗi, tôi cần đặt thêm một tham số trong URL của mình để buộc trình duyệt lấy trang web từ máy chủ, ngay cả bộ điều khiển cũng không cần đến nó.

Tôi đã sử dụng ASP.Net, vì vậy đây là ví dụ của tôi:

//Controller function
public ActionResult Index()
    {
        return View();
    }
//Link
@Html.Action("Index", "Home", new { ts = DateTime.Now.Ticks.ToString()})

Kết quả là, nó sẽ tạo ra một liên kết như: http://www.myweb.com/Home/Index?ts=636558555408282209

Đây là tình huống và giải pháp của tôi. Hy vọng nó có thể giúp được ai đó.