브라우저의 "F5"및 "Ctrl + F5"새로 고침은 어떤 요청을 생성합니까?

웹 브라우저에서 어떤 동작 F5및 Ctrl + F5트리거에 대한 표준이 있습니까?

한 번 IE6와 Firefox 2.x에서 실험했습니다. F5 새로 고침은 함께 서버로 전송 된 HTTP 요청을 트리거 할 If-Modified-Since때, 헤더 Ctrl + F5와 같은 헤더가없는 것입니다. 필자는 이해할 수있는 한 F5 캐시 된 내용을 최대한 활용하려고 노력하면서 Ctrl + F5 모든 캐시 된 내용을 버리고 서버에서 모든 내용을 다시 검색하려고합니다.

그러나 오늘, 나는 최신 브라우저 중 일부 (Chrome, IE8)에서 더 이상이 방식으로 작동하지 않는 것으로 나타났습니다. 모두 F5와 Ctrl + F5전송 If-Modified-Since헤더를.

그렇다면 이것이 어떻게 작동합니까 (또는 표준이없는 경우) 주요 브라우저는 이러한 새로 고침 기능을 구현하는 방법이 어떻게 다른가요?

일반적으로 말하면:

F5캐시에서 페이지를로드 할 수 있기 때문에 내용이 변경 되더라도 동일한 페이지를 제공 할 수 있습니다. 그러나 Ctrl- F5캐시를 강제로 새로 고치면 내용이 변경되면 새 내용을 얻을 수 있습니다.

브라우저에 달려 있지만 비슷한 방식으로 동작합니다.

FF, IE7, Opera 및 Chrome을 테스트했습니다.

F5일반적으로 페이지가 수정 된 경우에만 업데이트합니다. 브라우저는 일반적으로 가능한 한 모든 유형의 캐시를 사용하려고 시도하고 요청에 "If-modified-since"헤더를 추가합니다. Opera는 "Cache-Control : no-cache"를 전송하여 다릅니다.

CTRL- F5캐시를 무시하고 강제로 업데이트하는 데 사용됩니다. IE7은 FF와 마찬가지로 "Cache-Control : no-cache"를 추가하고 "Pragma : no-cache"도 추가합니다. Chrome은 정상적인 "If-modified-since"를 수행하고 Opera는 키를 무시합니다.

내가 올바르게 기억한다면 Netscape는 CTRL- 를 눌렀을 때 "Pragma : No-cache"를 추가하여 캐시 제어에 대한 지원을 추가 한 최초의 브라우저였습니다 F5.

편집 : 업데이트 된 테이블

아래 표는 브라우저의 새로 고침 버튼을 클릭했을 때 ( Joel Coehoorn 의 요청 후 ) "max-age = 0"Cache-control-header에 대한 정보로 업데이트됩니다.

업데이트 된 테이블, 2010 년 9 월 27 일

┌────────────┬───────────────────────────────────────────────┐
│  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│- │                                │
└────────────┴──┴──┴──┴──┴──┴────────────────────────────────┘

테스트 된 버전 :

• Firefox 3.1.6 및 3.0.6 (WINXP)
• MSIE 8.0.6001 및 7.0.5730.11 (WINXP)
• Chrome 6.0.472.63 및 1.0.151.48 (WINXP)
• 오페라 10.62 및 9.61 (WINXP)

노트:

1. 버전 3.0.6은 I와 C를 전송하지만 3.1.6은 새 탭에서 페이지를 열고 "I"만있는 일반 요청을합니다.

2. 버전 10.62는 아무것도하지 않습니다. 9.61 이전 테이블의 오타가 아닌 한 C를 수행 할 수 있습니다.

크롬 6.0.472에 대한 참고 : 당신이 (같은 강제 장전을 할 경우 CTRL- F5)는 URL이 내부에 표시되어처럼 항상 강제로 다시로드 할 동작합니다. 주소 표시 줄로 이동하여 Enter 키를 누르면 플래그가 지워집니다.

브라우저의 새로 고침 동작 (여기 소스 코드 ) 을 테스트 하고 @some과 비슷한 결과를 얻지 만 최신 브라우저의 경우 브라우저 간 호환 가능한 페이지를 구현했습니다 .

최소한 Firefox (v3.5)에서는 캐시 가 단순히 지워지지 않고 비활성화 된 것으로 보입니다 . 한 페이지에 동일한 이미지의 인스턴스가 여러 개있는 경우 여러 번 전송됩니다. 그것은 또한imgAjax / JavaScript를 통해 이후에 추가 태그 .

따라서 자동 새로 고침 Ajax 사이트에서 브라우저가 동일한 작은 아이콘을 몇 백 번 계속 다운로드하는 이유가 궁금한 경우 처음에 CTRL-를 사용하여 페이지를로드했기 때문 F5입니다.

IE7 / 8 / 9는 페이지에 포커스가 있는지 여부에 따라 다르게 동작하는 것 같습니다.

페이지를 클릭하고 CTRL+ F5를 클릭하면 "Cache-Control : no-cache"가 요청 헤더에 포함됩니다. 위치 / 주소 표시 줄을 클릭 한 경우 CTRL+ 를 누르 F5십시오.

F5새 요청이 웹 서버로 이동하지만 사용자 가 요청에 대한 응답을받을 때 사용자가 누를 때 . 그러나 응답 헤더가 구문 분석되면 브라우저 캐시에서 필요한 정보를 확인합니다. 캐시의 필수 정보가 만료되지 않은 경우 해당 정보가 캐시 자체에서 복원됩니다.

에 사용자가 클릭하면 CTRL- F5그렇다하더라도 새 요청은 웹 서버로 이동하고 responce를 얻을. 그러나 이번에는 응답 헤더가 구문 분석 될 때 캐시에서 필요한 정보를 확인하지 않고 업데이트 된 모든 정보를 서버로 가져옵니다.