Những yêu cầu nào làm cho các trình duyệt F5 F5 và các Ctrl + F5 của trình duyệt tạo ra?

Có một tiêu chuẩn cho những hành động F5và Ctrl + F5kích hoạt trong trình duyệt web?

Tôi đã từng thử nghiệm trong IE6 và Firefox 2.x. Việc F5 làm mới sẽ kích hoạt một yêu cầu HTTP được gửi đến máy chủ bằng một If-Modified-Sincetiêu đề, trong khi Ctrl + F5sẽ không có tiêu đề như vậy. Theo hiểu biết của tôi, F5 sẽ cố gắng sử dụng nội dung được lưu trong bộ nhớ cache càng nhiều càng tốt, trong khi Ctrl + F5 dự định từ bỏ tất cả nội dung được lưu trong bộ nhớ cache và chỉ lấy lại tất cả nội dung từ máy chủ.

Nhưng hôm nay, tôi nhận thấy rằng trong một số trình duyệt mới nhất (Chrome, IE8), nó không còn hoạt động theo cách này nữa. Cả hai F5và Ctrl + F5gửi If-Modified-Sincetiêu đề.

Vậy làm thế nào để nó hoạt động, hoặc (nếu không có tiêu chuẩn) làm thế nào để các trình duyệt chính khác nhau về cách chúng thực hiện các tính năng làm mới này?

Nói chung:

F5có thể cung cấp cho bạn cùng một trang ngay cả khi nội dung bị thay đổi, vì nó có thể tải trang từ bộ đệm. Nhưng Ctrl- F5buộc phải làm mới bộ đệm và sẽ đảm bảo rằng nếu nội dung được thay đổi, bạn sẽ nhận được nội dung mới.

Nó tùy thuộc vào trình duyệt nhưng họ hành xử theo những cách tương tự.

Tôi đã thử nghiệm FF, IE7, Opera và Chrome.

F5thường chỉ cập nhật trang nếu nó được sửa đổi. Trình duyệt thường cố gắng sử dụng tất cả các loại bộ đệm càng nhiều càng tốt và thêm tiêu đề "Nếu được sửa đổi từ khi" vào yêu cầu. Opera khác biệt bằng cách gửi "Kiểm soát bộ đệm: không có bộ đệm".

CTRL- F5được sử dụng để buộc cập nhật, bỏ qua mọi bộ đệm. IE7 thêm "Kiểm soát bộ đệm: không có bộ đệm", cũng như FF, cũng bổ sung "Thực dụng: không có bộ đệm". Chrome thực hiện "Nếu được sửa đổi" thông thường và Opera bỏ qua khóa.

Nếu tôi nhớ chính xác thì đó là Netscape, trình duyệt đầu tiên hỗ trợ kiểm soát bộ đệm bằng cách thêm "Thực tế: Không có bộ đệm" khi bạn nhấn CTRL- F5.

Chỉnh sửa: Bảng cập nhật

Bảng bên dưới được cập nhật thông tin về những gì sẽ xảy ra khi nhấp vào nút làm mới của trình duyệt (sau khi yêu cầu của Joel Coehoorn ) và tiêu đề "max-age = 0" Cache-control.

Bảng cập nhật, ngày 27 tháng 9 năm 2010

┌────────────┬───────────────────────────────────────────────┐
│  UPDATED   │                Firefox 3.x                    │
│27 SEP 2010 │  ┌────────────────────────────────────────────┤
│            │  │             MSIE 8, 7                      │
│ Version 3  │  │  ┌─────────────────────────────────────────┤
│            │  │  │          Chrome 6.0                     │
│            │  │  │  ┌──────────────────────────────────────┤
│            │  │  │  │       Chrome 1.0                     │
│            │  │  │  │  ┌───────────────────────────────────┤
│            │  │  │  │  │    Opera 10, 9                    │
│            │  │  │  │  │  ┌────────────────────────────────┤
│            │  │  │  │  │  │                                │
├────────────┼──┼──┼──┼──┼──┼────────────────────────────────┤
│          F5│IM│I │IM│IM│C │                                │
│    SHIFT-F5│- │- │CP│IM│- │ Legend:                        │
│     CTRL-F5│CP│C │CP│IM│- │ I = "If-Modified-Since"        │
│      ALT-F5│- │- │- │- │*2│ P = "Pragma: No-cache"         │
│    ALTGR-F5│- │I │- │- │- │ C = "Cache-Control: no-cache"  │
├────────────┼──┼──┼──┼──┼──┤ M = "Cache-Control: max-age=0" │
│      CTRL-R│IM│I │IM│IM│C │ - = ignored                    │
│CTRL-SHIFT-R│CP│- │CP│- │- │                                │
├────────────┼──┼──┼──┼──┼──┤                                │
│       Click│IM│I │IM│IM│C │ With 'click' I refer to a      │
│ Shift-Click│CP│I │CP│IM│C │ mouse click on the browsers    │
│  Ctrl-Click│*1│C │CP│IM│C │ refresh-icon.                  │
│   Alt-Click│IM│I │IM│IM│C │                                │
│ AltGr-Click│IM│I │- │IM│- │                                │
└────────────┴──┴──┴──┴──┴──┴────────────────────────────────┘

Các phiên bản đã thử nghiệm:

• Firefox 3.1.6 và 3.0.6 (WINXP)
• MSIE 8.0.6001 và 7.0.5730.11 (WINXP)
• Chrome 6.0.472.63 và 1.0.151.48 (WINXP)
• Opera 10.62 và 9.61 (WINXP)

Ghi chú:

1. Phiên bản 3.0.6 gửi I và C, nhưng 3.1.6 mở trang trong một tab mới, thực hiện một yêu cầu bình thường chỉ với "I".

2. Phiên bản 10.62 không làm gì cả. 9.61 có thể làm C trừ khi đó là một lỗi đánh máy trong bảng cũ của tôi.

Lưu ý về Chrome 6.0.472 : Nếu bạn thực hiện tải lại bắt buộc (như CTRL- F5), nó hoạt động giống như url được đánh dấu bên trong để luôn thực hiện tải lại bắt buộc. Cờ sẽ bị xóa nếu bạn đi đến thanh địa chỉ và nhấn enter.

Tôi đã triển khai trang tương thích với nhiều trình duyệt để kiểm tra hành vi làm mới của trình duyệt (đây là mã nguồn ) và nhận kết quả tương tự như @some, nhưng đối với các trình duyệt hiện đại:

Ít nhất là trong Firefox (v3.5), bộ đệm dường như bị vô hiệu hóa chứ không đơn giản là bị xóa. Nếu có nhiều phiên bản của cùng một hình ảnh trên một trang, nó sẽ được chuyển nhiều lần. Đó cũng là trường hợp cho imgcác thẻ được thêm vào sau đó thông qua Ajax / JavaScript.

Vì vậy, trong trường hợp bạn đang tự hỏi tại sao trình duyệt cứ tải xuống cùng một biểu tượng vài trăm lần trên trang web Ajax tự động làm mới của bạn, thì đó là do ban đầu bạn đã tải trang bằng cách sử dụng CTRL- F5.

IE7 / 8/9 dường như hoạt động khác nhau tùy thuộc vào việc trang có tập trung hay không.

Nếu bạn nhấp vào trang và CTRL+ F5thì "Kiểm soát bộ đệm: không có bộ đệm" được bao gồm trong các tiêu đề yêu cầu. Nếu bạn nhấp vào thanh Vị trí / Địa chỉ thì nhấn CTRL+ F5không.

Khi người dùng nhấn F5mặc dù yêu cầu mới sẽ đến máy chủ web và nhận được phản hồi cho yêu cầu. Nhưng khi tiêu đề responce được phân tích cú pháp, nó kiểm tra thông tin cần thiết trong bộ đệm của trình duyệt. Nếu thông tin bắt buộc trong bộ đệm chưa hết hạn thì thông tin đó sẽ được khôi phục từ chính bộ đệm.

Khi người dùng nhấp vào CTRL- F5ngay cả khi đó yêu cầu mới sẽ đến máy chủ web và nhận được phản hồi. Nhưng lần này khi tiêu đề thư mục được phân tích cú pháp, nó không kiểm tra bất kỳ thông tin bắt buộc nào trong bộ đệm và chỉ mang tất cả máy chủ biểu mẫu thông tin cập nhật.