Firefox 및 Chrome에서 JavaScript 파일 만 강제 새로 고침
답변:
나는 이것을 개발하기 위해 스스로한다. 나는 Ctrl+를 사용한다 F5. 강제 새로 고침과 같습니다. 이렇게하면 참조 된 JavaScript 파일 또는 CSS 파일이 캐시 된 경우에도 다시 다운로드하는 등 페이지를 새로 고칩니다.
인터넷 사용 기록과 같은 다른 내용은 삭제되지 않습니다.
그러나 이것이 Firefox 및 Internet Explorer에서 작동한다는 것을 알고 있지만 Chrome에서 Ctrl+ F5가 동일한 방식으로 작동 하는지 확실하지 않습니다 .
일부 브라우저에서는` Ctrl+ Shift+ R를 사용 하여 동일한 작업을 수행 할 수 있습니다 .
Chrome 사용시 :
Chrome 15부터 개발자 도구를 열고 화면 왼쪽 하단의 톱니 바퀴를 클릭하고 캐시 사용 안함 확인란을 선택 합니다 .
이렇게하면 리소스가 항상 서버에서 다시로드되고 캐시를 수동으로 지울 필요가 없으므로 관련이없는 사이트의 캐시 된 데이터가 제거 될 수 있습니다.
전체 브라우징, 기록, 쿠키, 비밀번호, 저장된 양식 데이터 및 기타 정보 (기본값)가 아닌 캐시 만 지우려고 할 수 있습니다.
Firefox 3.5에서
도구»최근 기록 지우기 ...
그런 다음 "지금 삭제"를 선택하기 전에 "캐시"만 선택하십시오.
Chrome에서 (개발 빌드를 사용할 때 사용중인 특정 버전을 모르는 경우)
공구 모양 아이콘 (도구)»옵션»개인 용품 탭»인터넷 사용 정보 삭제 ...
다시 "캐시 비우기"만 선택되어 있는지 확인하십시오.
또는 Firefox에서 Firefox 또는 시크릿 창에서 새 비공개 세션을 열어 볼 수도 있습니다. 탐색 할 때 자동으로 다운로드하여 처리하는 파일 (.JS 파일 포함)을 캐시하지 않아야합니다.
나는 당신과 같은 이유로 내가 일하고있는 사이트에서 약간의 트릭을 사용하고 있습니다. 작은 변경을하고 JavaScript 코드로 JavaScript 코드를로드했으며 항상 현재 (캐시되지 않은) 스크립트로 작업하고 있는지 확인하고 싶습니다.
PHP 파일로로드하는 JavaScript 코드를 만들어보십시오 <?php ?>. 처음에 간단히 넣고 .php의 끝에 놓으십시오.
var fileref = document.createElement('script');
fileref.setAttribute("type", "text/javascript");
// The Date added to the file doesn't effect the results but
// helps Internet Explorer be sure to refresh the data and
// not use cache
var d = new Date();
var t = d.getTime();
fileref.setAttribute("src", filename + ".php?date=" + t);
fileref.setAttribute("id", filename);
이름이 변경되기 때문에 Internet Explorer는 새 파일이라고 생각합니다.)
Chrome에서는 Ctrl새로 고침 버튼을 누르고 클릭하면됩니다. 나는 우연히 이것을 발견했다.
필자가 직접 사용하지는 않았지만 Firefox 애드온 "Clear Cache Button" 이 사용될 수 있습니다. 설명서를 읽었으므로 인터넷 사용 기록이 지워 졌는지 잘 모르겠습니다.
JavaScript로 작업 중이고 JavaScript 변경 사항을 반영하기 위해 페이지를 다시로드하는 것이 걱정되는 경우. 로드 된 JavaScript 파일을 런타임에 변경할 수있는 Chrome 디버거를 사용하십시오. 다시로드하지 않고도 새로운 기능이나 테스트하려는 변경 사항을 테스트 할 수 있습니다.
JavaScript 파일 끝에 동적 날짜 기능을 추가하십시오. 브라우저가 업데이트 된 JavaScript 파일을 강제로로드합니다. .js 파일을 포함시킬 때 .... xyz.js를 추가 할 수 있습니까?
< ? php echo date('l jS \of F Y h:i:s A') ? >
물론 디버깅이 완료되고 실행 준비가되면 제거 할 수 있습니다.