Android 용 Chrome에서 강제로 다시로드하는 방법


207

데스크톱 용 Chrome에는 개발자 도구가 열렸을 때 캐시를 완전히 사용 중지 할 수있는 개발자 도구에 옵션이 있으며, 새로 고침 버튼을 길게 클릭하면 (개발 도구가 열린 상태에서) 수동으로 하드 새로 고침을 수행 할 수 있습니다.

Android 용 Chrome에 이러한 기술이 있습니까? 설정을 찾지 못했습니다. 브라우저가 개발시 캐시 된 파일을 사용하는 대신 일부 자바 스크립트 또는 CSS 파일을 다운로드하도록하려면 어떻게해야합니까?



방금 안정적인 웹 응용 프로그램을 확장하기 위해 돌아와서 이것이 일어나고 있음을 발견했습니다. 최신 상태 데이터는 캐시 버스터 URL 접미사가있는 .js 파일에 저장됩니다. Windows, ChromeOS 또는 Android의 Chrome에서는 더 이상 작동하지 않습니다.
Euan M

요즘 간단한 변경 (원 w 화살표 클릭)이 모든 변경 사항을 감지하는 것처럼 보입니다. 트릭이 없습니다. 내가 틀렸다면 알려줘
Ronnie Royston

답변:


167

내가 사용하고 window.location.reload(true)에 따라 MDN (그리고 비슷한 질문)가 서버에서 다시로드 페이지를 강제로.

다음을 입력하여 브라우저에서이 코드를 실행할 수 있습니다 javascript:location.reload(true)주소 표시 줄 .


7
주소 앞에 주소 앞에 코드를 입력하면됩니다 javascript:.
Konrad Dzwinel

4
실제로, 당신은 window.부분 을 피할 수 있어야합니다 . javascript:location.reload(true)트릭을해야합니다.
Konrad Dzwinel

5
크롬 v55.0.2883.91 / android5.1.1에서 나를 위해 작동하지 않았다
Kev

20
Android 7.1.1의 v56.0.2924.87에서는 작동하지 않습니다. 왜 새로 고침을하고 브라우저가 작동하던 것처럼 다시 다운로드하도록 할 수 있습니까? 개발하려고 할 때 그러한 성가심.
Scott Wilson

33
시크릿 창을 엽니 다
Deepak Kamat

132

시크릿 모드로 페이지를 보면 캐시가 사용 중지됩니다. 설정을 통해 캐시를 수동으로 지우지 않고 스타일 시트를 새로 고칠 수있는 유일한 방법이었습니다.


2
@Kev 어느 쪽도 아닙니다.
Ricky Boyce

1
예, Chrome 59를 사용하는 Android 6.0.1에서 작동합니다.
Avio

4
이것은 적어도 안드로이드 7.1.2 및 Chrome 61에서 허용되는 답변보다 낫습니다. 캐싱은 어떻게 든 공격적입니다. 해당 도메인에 대해 캐시 된 파일을 비워도 작동하지 않았습니다.
Ogier Schelvis

작동하지 않으면 캐시가 브라우저가 아닌 서버에있을 것입니다.
Deepak Kamat

2
시크릿 모드에서는 처음으로 캐시를 삭제합니다. 그 후 같은 문제가 나타납니다
Mara

75

또한 옵션 :

  1. 메뉴
  2. 설정
  3. 은둔
  4. 인터넷 사용 정보 삭제
  5. "캐시"를 확인하고 "CLEAR"를 누르십시오

그런 다음 페이지를 다시로드하십시오.


1
이제 Clear Browsing Data확인란을 clear cache사용하여 확인할 수있는 로 변경되었습니다 .
shaijut

1
아니요, KILL Chrome, Chrome을 다시 시작한 다음 페이지를 다시로드합니다. 그래, 나빠졌어
ADTC

4
업데이트 : Chrome을 죽여도 더 이상 작동하지 않습니다. "캐시 된 이미지 및 파일"옵션이 무엇을 지우고 있는지 잘 모르겠습니다. 여전히 캐시 된 CSS 파일을 유지합니다. 점점 더 어리석어지고 있습니다!
ADTC

1
업데이트 : heidgert의 답변을 참조하십시오. Chrome 설정에서 '데이터 보호기'가 켜져있는 경우 캐시를 비우면 Google 서버에서 "캐시 된"결과가로드 될 수 있습니다.
ADTC

1
검사 한 사이트뿐만 아니라 모든 사이트에서 캐시를 지 웁니다.
Obmerk Kronen

46

요청 데스크탑 사이트를 사용할 수 있습니다주소 표시 줄의 오른쪽에있는 앱 메뉴에서 옵션을 하여 페이지를 다시로드 할 수 있습니다.

간단히 누르고 새로 고침을 기다린 다음 선택을 해제하십시오.


Chrome 작업을 확인했습니다. 나는 감추고있는 동안이 대답을 거의 놓쳤다. 다음 사람을 돕기 위해 Firefox에 대한 설명을 제거했습니다. 나는 이것이 저자의 의도와 상충되는 것으로 보이지 않기를 바랍니다 .
Ishmaeel

1
이것은 css 또는 js 파일이 붙어있을 때 개발에 가장 적합한 답변입니다. 나는 일반적으로 새로 고침이 잘 작동하지만 때로는 설명 할 수없는 이유 때문에 js 또는 css 파일이 고착되어 있는데, 이것이 내가 찾은 파일을 고정 해제하는 유일한 방법입니다. 그것이 쉬운 수정이기 때문에 나는 하나 이상의 공감대를 줄 수 있기를 바랍니다.
Lizardx


1
이것은 Samsung Android 5.1.1의 Chrome 2018 65.0.3325.109에서 효과적이었습니다. SM-T900 빌드 / LMy47X. 캐시 된 데이터 (예 : localStorage값)를 파괴하지 않으면 서 추가 이점 이있었습니다 .
코드 리드

1
2019 년 4 월에서 작동하지 않습니다. Chrome 73 이상이 작동하지 않습니다.
SE는 다시 안타깝게도

31

"개발할 때"를 언급했기 때문에 이것을 언급하십시오.

Chrome 데스크톱 브라우저를 통해 휴대 기기를 제어 할 수 있습니다.

chrome://inspect/#devices데스크탑을 방문하십시오 . 그리고 Inspect데스크탑에 연결된 장치. 허가를 요청하면 동의합니다.

이제 모바일 장치의 현재 페이지에 대한 완전한 Devtool 창이 나타납니다.

이제 데스크톱에서 하드 다시로드 바로 가기 (Cmd + Shift + R)를 사용하여 모바일 장치에서 하드 다시로드를 수행하십시오!


3
이 의견은 오래되었지만 올바른 길로 안내합니다. Chrome을 통해 디버깅하려면 실제 휴대 전화를 사용하도록 설정해야합니다.
Deborah

Android 폰에서 USB 디버깅을 활성화하는 방법에 대한 자세한 내용은 stackoverflow.com/a/16707217/1024735를 참조하십시오 . 그리고이 기능은 하드 리로드 기능 이상의 기능을 제공합니다. 감사!
kevinmicke

안드로이드 에뮬레이터에서 테스트하기 위해 devtools의 Ctrl + Shift + R은 정말 좋고 빠릅니다. 설정을 켜거나 끄지 마십시오. 감사합니다.
Rainer Schwarze 님이

21

로컬 캐시를 비우더라도 "Google 서버에서 캐시 된 데이터를 다운로드하는 것 같습니다.


1
이 설정은 이제 단순히 "데이터 보호기"라고합니다.
Bletch

19

Android 용 Chrome 모바일에서 지정된 URL / 웹 사이트의 모든 데이터를 재설정하는 방법 :

1-Chrome 메뉴를 열고 "i (정보)"아이콘을 누릅니다.

하나

2- "사이트 설정"을 누릅니다

두

3-휴지통 아이콘을 누릅니다

세

그 URL에 대해 가장 깊이 생각한 서비스 작업자 조차 이제는 죽을 것입니다.


7
이것은 하지 않는 삼성 S9 +에 크롬 73.0.3683.90에서 작동합니다. javascript : location.reload (true)뿐만 아니라 15 번 이상 시도했지만 작동하지 않습니다. 어둠의 군주 Guug-Ul에 따르면 안드로이드 사용자도 개발자가 될 수없는 것 같습니다.
SE는 다시 안타깝게도

내 노트 8에서 작동합니다. 그러나 페이지를 새로 고쳐야합니다.
Chris Cudmore

URL 왼쪽의 잠금 아이콘 (또는 안전하지 않은 연결에 표시되는 모든 항목)을 클릭하여이 메뉴를 얻을 수도 있습니다.
Chris Cudmore

지금까지 최고의 솔루션! <3
bArraxas

12

나는 이것이 오래된 질문이라는 것을 알고 있지만 받아 들인 대답이 저에게 효과적이지 않다는 것을 알았습니다.

다른 해결책은 website.com?a=1, 와 같은 새로운 url 매개 변수로 url을 추가하는 것입니다 .website.com?a=2

물론 이미 매개 변수가 있다면 앰퍼샌드를 사용합니다. website.com?q=test&a=1


작동합니다. 그냥 ?a한 번만 다시로드하려면 충분하다.
Dan Dascalescu

11
캐시 된 참조 파일 (CSS 또는 JS와 같은)을 다시로드 할 때는 적합하지 않습니다 ?a. 사이트 호스트가 아닌 한 실제로 HTML을 편집하여 기본 HTML을 편집 할 수 없기 때문 입니다.
ADTC

7

2018 년 현재 Google 도움말 센터 (Chrome 63에서 테스트) :

  1. 세 점 메뉴를 ;
  2. 방문 기록> 인터넷 사용 정보 삭제를 선택 합니다. .
  3. 필요한 경우 기간을 선택하십시오 (체크리스트 위).
  4. 캐시 된 이미지 및 파일을 제외한 모든 항목의 선택을 취소 하십시오. .
  5. 데이터 지우기로 진행 하고 확인하십시오.

다른 답변에서 언급했듯이 시크릿 탭 도 개발에 큰 도움이됩니다.


참고 3 단계 : 기간을 선택하십시오. 3 주 전에 캐시 된 페이지를 지우려고 시도한 이후로 이것은 속임수였습니다.
Dror

그것은 당신의 잘못이 아니지만 이것은 다른 모든 사이트의 브라우징 데이터를 지우므로 매우 끔찍한 해결책입니다. 개발 작업 이외의 용도로 브라우저를 사용하면 고통 스럽습니다!
GameKyuubi

@GameKyuubi 사실, 지난 시간에서 데이터를 선택하면 통증이 제한됩니다. 그러나이 솔루션은 매우 가난 물론이 공식 하나이기 때문에, 나는 단지 그것을 참조하고는 않습니다 (반대로 약간 다른 사람에게) 일을.
Skippy le Grand Gourou

이것이 제가 의미하는 바입니다. 이것이 공식적인 해결책이라는 것은 사실 당혹 스럽습니다.
GameKyuubi

7

작동하는 솔루션을 찾았지만 추악합니다.

  • USB 케이블을 사용하여 Android 기기를 PC에 연결하고 바탕 화면에서 Chrome 엽니 다 .
  • 페이지의 아무 곳이나 마우스 오른쪽 버튼으로 클릭하고 "검사"를 선택하십시오.
  • 3 점 메뉴를 클릭하고 "추가 도구"메뉴에서 "원격 장치"를 선택하십시오.

    여기에 이미지 설명을 입력하십시오

  • 열리는 패널에서 기기를 선택한 다음 새로 고침해야하는 휴대 전화 탭 이름 옆의 "검사"버튼을 선택하십시오.

    여기에 이미지 설명을 입력하십시오

  • 열리는 창에서 "네트워크"탭을 클릭하고 "캐시 비활성화"확인란을 선택하십시오.

    여기에 이미지 설명을 입력하십시오

  • 전화기에서 페이지를 다시로드하거나 DevTools 창의 다시로드 버튼을 사용하십시오.

참고 : 휴대 전화가 장치 목록에 나타나지 않는 경우 :

  • USB 연결이 파일 전송 모드를 사용하고 있고 단순히 충전되지 않는지 확인하십시오
  • ADB를 다시 시작하거나 adb devices장치가 감지되는지 확인하십시오.

1
멋진 솔루션, 이것은 주로 데스크탑에서 직접 장치의 웹 페이지를 "검사"하기 위해 작동하며 캐시도 지울 수 있습니다. 감사.
juanram0n

이것은 실제로 가장 아름다운 답변입니다.
John

6

원격 디버깅을 통해 데스크탑 개발 도구를 사용할 수 있습니다.

https://developers.google.com/chrome-developer-tools/docs/remote-debugging


예, 감사합니다. 이미 언급 했어야하지만, 가끔은 플러그를 꽂고 싶지 않지만 여전히이 옵션이 있습니다.
Riesling

2
다음과 같이 캐시를 지울 수 있습니다 : support.google.com/chrome/answer/2392709
Swonkie September

5
고맙게도 모든 사이트에 대해 전체 캐시를 플러시하지 않는 옵션이 좋을 것입니다.
Riesling

네트워크> 캐시 비활성화
Rupert Rawnsley

6

최신 버전의 Chrome은 매우 적극적으로 캐시합니다. " http : // url? updated = datecode " 와 같은 캐시 무효화 기술조차 작동을 멈췄습니다. 매번 캐시를 지우거나 시크릿 창을 시작해야합니다 (데이터 저장 기가 꺼져 있는지 확인).


흥미롭게도, 나는 이것을 몰랐다. 이 주장을 뒷받침하는 출처가 있습니까?
Antoine

2
내 자신의 Javascript 앱을 개발할 때 동작이 관찰됩니다. 개발 웹 서버의 HTTP 헤더에 CACHE-CONTROL : NO-CACHE 지시문을 지정하여 사라지지 않는 버그 (Chrome이 이전 코드 캐싱을 고집했기 때문에)에 미쳐 가지 않도록했습니다. Firefox는이 동작을 표시하지 않습니다.
Greg Searle

4

전화를 PC에 꽂을 필요가없는 유일한 확실한 방법은 다음과 같습니다.

1. Chrome 앱을 강제로 중지합니다.

이 작업을 먼저 수행 해야 하며이 단계를 완료 할 때까지 Chrome을 다시 열 수 없습니다. 강제 종료하는 방법에는 여러 가지가 있습니다. 대부분의 가정용 발사기는 크롬 아이콘을 손가락으로 누른 상태에서 "i"아이콘을 선택하여 "앱 정보"를 볼 수있게합니다. 또는 Android 설정으로 이동하여 간단히 "Chrome"을 검색 할 수 있습니다.

"앱 정보"에서 다음과 같이 "강제 중지"를 선택하십시오.


2. 크롬 캐시 지우기

같은 화면에서 "저장소"를 선택하십시오 :


마지막으로 "캐시 지우기"를 선택하십시오.

Chrome 앱으로 돌아 오면 페이지가 다시로드되고 캐시되지 않은 버전을 제공해야합니다.

또한 캐시를 지운 경우 쉽게 테스트 할 수있는 사이트를 찾았습니다. https://refreshyourcache.com/en/cache-test/
나는 결코 관련이 없습니다. 해당 사이트에 언급 된 캐시를 지우는 방법은 실제로 오래되었으며 더 이상 유효하지 않습니다.


1
완벽합니다. USB 디버깅없이 저에게 도움이되는 유일한 솔루션입니다.
Luis Lema

2

편집 :이 방법은 Chrome에서 더 이상 사용되지 않으며 더 이상 작동하지 않습니다.

원래 답변 :

chrome : // net-internals를 사용하여 캐시 (후속 xhr 포함)를 지울 수있었습니다.

크롬 그물 내부

그런 다음 오른쪽 상단의 작은 화살표를 클릭하십시오.

메뉴

해당 메뉴에서 "캐시 지우기"를 선택하십시오.


Chrome 75에서 chrome : // net-internals는 "net-internals 이벤트 뷰어 및 관련 기능이 제거되었습니다 ..."라고 표시합니다.
Bort

@Bort 머리 위로 감사합니다. 이 방법은 더 이상 작동하지 않는 것 같습니다.
Tom Kay

1

다음은 다른 사람이 실패했을 때 작동 할 수있는 또 다른 간단한 솔루션 입니다.

오늘날 캐싱 문제가 캐시 된 CSS 파일 일 때 상당히 간단한 개발자 측 솔루션이 효과적이었습니다. 한마디로 : 임시 html 파일 사본을 작성하고이를 찾아 CSS 캐시를 업데이트하십시오.

이 트릭은 적어도 안드로이드의 블루 글로브 아이콘이있는 기본 브라우저 (하지만 트윈, 공식 Chrome 브라우저, 그리고 공격적인 캐싱 경향이있는 "스마트"폰에서 발생하는 다른 브라우저)에서 CSS 파일을 새로 고칠 수 있습니다. ).

세부:

처음에 나는 여기에 공유 된 상당히 간단한 솔루션 중 일부를 시도했지만 성공하지 못했습니다 (예를 들어 특정 사이트의 최근 기록을 지우지 만 몇 달과 몇 달은하지 않음). 그러나 최신 CSS는 apon refresh에 적용되지 않습니다. 그리고 이미 HTML 헤드 섹션의 CSS 파일 호출에서 version-number-trick을 사용했지만 과거에 이러한 성가신 공격적인 캐싱을 피하는 데 도움이되었습니다. (예 : link rel = "stylesheet"href = "style.css? v = 001"여기서 CSS 파일을 변경할 때마다이 의사 버전 번호를 업그레이드합니다 (예 : 001, 002, 003, 004 ... (사이트의 모든 html 파일에서 수행되어야 함)

이번에는 (2019 년 8 월) CSS 파일 버전 번호 업데이트가 더 이상 충분하지 않거나 여기에 언급 된 간단한 조치 중 일부가 저에게 효과적이지 않았거나 일부는 (차용 안드로이드 전화에서) 액세스 할 수 없었습니다.

결국 나는 문제를 해결하기 위해 비교적 간단한 것을 시도했다.

사이트의 index.html 파일을 다른 이름 (indexcopy.html)으로 복사하여 업로드하고 Android 기기에서 찾아 본 다음 원래 페이지로 다시 탐색 한 다음 새로 고침 버튼을 주소 표시 줄) 및 voilà : 이번에는 index.html 새로 고침이 마침내 이루어졌습니다.

설명 : CSS 파일의 캐시 된 사본이 CSS 파일이 다른 이름이없는 임시 HTML 페이지에서 호출 될 때 업데이트되었으므로 이제 해당 HTML 페이지를 새로 고칠 때 최신 CSS 파일 버전이 Android에 최종적으로 적용되었습니다. 브라우저 기록에서 나중에 삭제할 수 있습니다. 공격적인 캐싱은 캐시에서 업데이트해야하는 CSS 파일 인 경우에도 CSS URL을 무시하고 대신 HTML URL로 이동했습니다.


슬프게도 이것은 오늘날 작동하는 유일한 것입니다. CSS로 작업 할 때마다 버전을 올리려면 function.php를 wordpress로 계속 업데이트해야합니다. 네, 구글에 대해 또 다른 어리석은 일이 있습니다. 그러나 예, 오래된 트릭 :)
Gavin Simpson

1

포함 된 파일의 문제라면 경로 뒤에 버전을 추가하십시오 ( ?v=12345678)

<link rel="stylesheet" type="text/css" href="style.css?v=12345678" />

페이지를 다시로드하면 변경 사항이 표시됩니다.


1
과소 평가!
lisandro
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.