Tôi thực sự thích khả năng chỉnh sửa javascript trong trình gỡ lỗi chrome, tuy nhiên, tôi thấy rằng nó có thể thực sự có vấn đề khi trình gỡ lỗi tải lại JavaScript từ máy chủ.

Đôi khi tôi phải đi xa chỉ cần đóng trình gỡ lỗi và tải lại khung hoạt động tốt - nhưng những lần khác (tôi không thể xác định được điều kiện nào xảy ra) Tôi phải xóa bộ nhớ cache tạm thời trên internet. Đôi khi tôi thề rằng tôi phải đóng chrome hoàn toàn, sau đó xóa bộ nhớ cache và sau đó tải trang trước khi trình gỡ lỗi cuối cùng hiển thị cho tôi tập lệnh cập nhật nhất.

(NB. Không có bộ đệm của tập lệnh bởi máy chủ web)

Tôi đã tự hỏi nếu có ai biết một cách nhanh chóng và dễ dàng để nói với trình gỡ lỗi vô hiệu hóa tất cả javascript của nó và tìm nạp lại tất cả một lần nữa trên trang tải lại?

Trong khi bạn đang phát triển tập lệnh của mình, hãy thử tắt bộ đệm Chrome.

Khi bạn tải lại trang, JavaScript sẽ được làm mới.

Chrome khoảng năm 2011

Chrome khoảng năm 2018

Bạn cũng có thể truy cập nó trên tab mạng:

Menu ngữ cảnh hiển thị ở trên có thể truy cập bằng cách nhấp chuột phải / nhấn và giữ nút "tải lại", trong khi Chrome Dev Tools được mở .

Bộ nhớ cache trống và tải lại cứng hoạt động tốt nhất cho tôi.

Một lợi thế khác: Tùy chọn này giữ cho tất cả các tab và dữ liệu trang web mở khác không bị ảnh hưởng. Nó chỉ tải lại và xóa trang hiện tại.

Bạn luôn có thể xóa một tệp cụ thể bằng cách làm như sau:

1. Mở công cụ Dev
2. Nhấp vào tab Nguồn
3. Tìm tập lệnh / hình ảnh / tập tin của bạn
4. Kiểm tra bảng bên phải để xem nếu tệp của bạn được cập nhật

Nếu không:

1. Nhấp chuột phải vào tài nguyên trong bảng điều khiển bên trái và chọn 'Liên kết mở trong tab mới'
2. Buộc tải lại tài nguyên với các phương pháp trên. (Xem ví dụ của @Bishoy Hanna)

Điều này rất tiện dụng nếu bạn có tài nguyên trong khung và CTRL+F5không bắt buộc phải làm mới chúng.

Shift+ F5nhanh chóng xóa bộ nhớ cache.

Đối với Google chrome, nó không phải là Ctrl+ F5. Đó là Shift+ F5để xóa bộ nhớ cache hiện tại! Nó làm việc cho tôi!

Đây là một lối tắt đến DevTools:

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:

Lưu ý: Cập nhật mỗi bình luận của Dimi. Họ có xu hướng di chuyển nó vì vậy hãy cho tôi biết hoặc cập nhật bài viết nếu bạn nhận thấy rằng nó đã thay đổi.

Trên Windows, Ctrl+ Shift+ rsẽ buộc tải lại tập lệnh trong chrome.

Nếu bạn đang thực hiện các thay đổi cục bộ đối với javascript trong Công cụ dành cho nhà phát triển, bạn cần đảm bảo rằng bạn TẮT các thay đổi đó trước khi tải lại trang.

Trong tab Nguồn, với tập lệnh của bạn mở, nhấp chuột phải vào tập lệnh của bạn và nhấp vào tùy chọn "Sửa đổi cục bộ" từ menu ngữ cảnh. Điều đó đưa ra danh sách các tập lệnh bạn đã lưu sửa đổi. Nếu bạn thấy nó trong cửa sổ đó, Công cụ dành cho nhà phát triển sẽ luôn giữ bản sao cục bộ của bạn thay vì làm mới nó từ máy chủ. Nhấp vào nút "hoàn nguyên", sau đó làm mới lại và bạn sẽ nhận được bản sao mới.

Có vẻ như trình gỡ lỗi Chrome tải các tệp nguồn vào bộ nhớ và không cho phép chúng đi bất chấp các bản cập nhật bộ đệm của trình duyệt, tức là nó có bộ đệm riêng ngoài bộ đệm của trình duyệt không đồng bộ hóa. Ít nhất, đây là trường hợp khi làm việc với các tệp ánh xạ nguồn (tôi đang gỡ lỗi các nguồn bản thảo). Sau khi làm mới thành công bộ đệm của trình duyệt và xác thực rằng bằng cách duyệt trực tiếp vào tệp nguồn, bạn tải xuống tệp đã cập nhật, nhưng ngay khi bạn mở lại tệp trong trình gỡ lỗi, nó sẽ tiếp tục trả lại tệp cũ bất kể phiên bản từ bộ đệm của trình duyệt thông thường. Thực sự rất anoying.

Tôi sẽ coi đây là một lỗi trong chrome. Tôi sử dụng phiên bản 46.0.2490.71 m.

Điều duy nhất có ích, là khởi động lại chrome (đóng tất cả các trình duyệt chrome).

Nếu các tệp bạn đang tải được lưu vào bộ nhớ cache và nếu các thay đổi bạn đã thực hiện không phản ánh trong mã thì có 2 cách bạn có thể xử lý việc này

1. Xóa Cache như mọi người đã nói

2. Nếu bạn muốn Cache và chỉ các tệp phải được tải lại, bạn có thể chuyển đến tab mạng của công cụ dev và xóa mọi thứ đã được tải. lần sau nó sẽ không tải nó từ bộ đệm. bạn sẽ có những thay đổi mới nhất của bạn.

Nếu bạn đang chạy một máy chủ cục bộ trên Apache, bạn có thể gặp vấn đề giống như bộ đệm. Điều này xảy ra với tôi khi tôi có một máy chủ Apache chạy dưới Vagrant (trong hộp ảo).

Chỉ cần thêm các dòng sau vào tệp cấu hình của bạn ( /etc/httpd/conf/httpd.confhoặc tương đương):

#Disable image serving for network mounted drive
EnableSendfile off

Lưu ý rằng đáng để tìm kiếm thông qua tệp cấu hình để xem nếu EnableSendfileđược đặt thành onbất kỳ nơi nào khác.

Ngoài ra còn có 2 cách giải quyết nhanh chóng:

1. Sử dụng chế độ ẩn danh để gỡ lỗi, đóng cửa sổ và mở lại.
2. Xóa lịch sử duyệt web của bạn

Vô hiệu hóa Breakpoint khiến tập lệnh mới tải cho tôi.

Theo tôi, dễ nhất để làm việc trong 'phiên duyệt web riêng tư' của chrome, để đảm bảo rằng các tệp javascript của bạn không xuất phát từ bộ đệm.

Bạn cũng có thể sử dụng tiện ích mở rộng Chrome này để nhanh chóng chuyển đổi giữa việc sử dụng hoặc không sử dụng bộ đệm: https://chrome.google.com/webstore/detail/cache-killer/jpfbieopdmepaolggioebjmedmclkbap