programing tip

Google 크롬 개발자 도구는 매우 느리게 작동합니다.

itbloger 2020. 11. 21. 14:36
반응형

Google 크롬 개발자 도구는 매우 느리게 작동합니다.


Sinсe Google Chrome이 50.x 버전으로 업데이트되어 DevTools로 작업 할 수 없게되었습니다. 이 문제는 대부분 "네트워크"탭에서 재현되었습니다. "요청"을 클릭 할 때마다 약 30-40 초가 걸립니다. 그 후 크롬이 충돌 할 수 있습니다. 모든 확장 프로그램을 삭제하고 캐시를 지우고 다시 설치하려고했지만 도움이되지 않았습니다. 아무도이 문제를 해결하는 방법을 알고 있습니까?

Chrome 50.0.2661.87 m를 실행 중입니다.

UPD : 긴 헤더로 인해 문제가 발생할 수 있습니다. 응답을 닫고 헤더를 요청하십시오.


Mac OS X 10.11.3의 Chrome 버전 50 이상에서 디버깅 할 때 비슷한 문제가 발생했습니다. 지금까지 찾은 유일한 해결책은 개발 도구를 오른쪽에 고정하는 것이며 이전만큼 성능이 뛰어난 것 같습니다. 최적의 솔루션은 아니지만 제 경우에는 작동합니다.


내 상황은 비슷했습니다. 개발자 도구 응답 속도가 매우 느려 잠시 고생 한 후 문제가 knockoutJs 용으로 설치 한 Chrome 확장 프로그램으로 인해 발생한다는 것을 알았습니다. 따라서 이러한 문제가 발생하는 사람들 은 초기 문제 해결의 일부로 Chrome 확장 프로그램을 사용 중지 해보세요 .


마지막으로 오랜 시간이 지나고 많은 시도가 실패한 끝에 도움이 된 해결책이 발견되었습니다 .Google 크롬 포럼의 솔루션

이동 크롬 : // 플래그 / # 힘 컬러 프로파일

sRGB로 변경

Google은 직접 링크를 허용하지 않기 때문에 chrome://콜론을 직접 삽입하거나 전체 링크를 툴바에 수동으로 입력해야합니다.


버전 61.0.3163.79를 사용하고 있으며이 게시물에서 설명한 것과 동일한 문제가 있습니다.

일부 검색을 통해 문제가 내가 사용중인 사용자에게 있음을 알았습니다. 내가 시도한 것은 게스트로 int google chrome을 입력하는 것이었고 devtools는 다시 빨라졌습니다.

그래서 내가 한 것은 :

  1. 게스트 사용자를 사용한 디버깅이 더 빠른지 확인하십시오.
  2. 계정에서 로그 아웃합니다 .
  3. Google 크롬과 관련된 모든 캐시를 정리하십시오.
  4. PC를 다시 시작합니다 (하지만 브라우저를 닫는 것으로 충분하다고 생각합니다)
  5. 계정에 다시 로그인하십시오 .

나는 이것이 같은 문제를 가진 다른 사람들을 도울 수 있기를 바랍니다.

[편집하다:]

얼마 후 (몇 주) Google 크롬 개발 도구가 다시 느려지는 것을 알았습니다. 그래서 다음 솔루션을 시도했고 효과가있었습니다.

  1. 열기 dev tools
  2. Sources탭으로 이동 하십시오.여기에 이미지 설명 입력
  3. 감시 된 모든 변수, 중단 점, DOM 중단 점 및 이벤트 리스너 중단 점을 정리했습니다. 여기에 이미지 설명 입력

[두 번째 수정 :]

몇 주 후에 문제가 다시 발생했습니다. 내가 한 일은 Google 카나리아 버전 64.0.3249.2 카나리아 (64 비트)를 설치하는 것이 었고 내 문제는 사라졌습니다.

카나리아가 무엇인지 모르는 사람은 링크 를 확인하세요 .


Google은 문제를 알고 있습니다-https: //bugs.chromium.org/p/chromium/issues/detail ? id=624097

문제는 v.53에서 사라진 것 같습니다. 그들은 현재 무엇이 문제를 해결했는지 알아 내려고 노력하고 있습니다. 가능한 경우 수정 사항이 v.52로 다시 병합됩니다. 그러나 적어도 그들은 그것에 대해 연구하고 있습니다.


내가 가진 동일한 문제에 직면하여 다른 사람들이 여기에 도착하는 경우보고있는 Dev tools 탭을 Elements로 변경해보십시오 .

I had the "Sources" tab open and Chrome was trying to load enormous assets for that tab, which created a multisecond delay between the console.log() events I created and the display of those logged messages.


I've had the same time issue on 54.0.2840.99 m version of Google Chrome.

But switching to Chrome Canary worked !


Make devtools snappy again by deactivating all breakpoints:

Go to the Sources tab, show the debugger (may be hidden) and hit Deactivate breakpoints.

(Chrome v62.0 on Windows 10)


I also face same issue.

I tried unchecked toggle screencast. Now it is working fine.


Reduce size of resource being overridden

Only overriding files with less lines of code worked well for me. I landed here because I was overriding a file which had 35,000 + lines of Javascript.

또한 귀하 resource가 새 계정 인 경우, script태그 나 link태그에 포함되지 않은 override main html document경우 태그를 추가 할 수 있습니다 <script src="/my-new-script.js"></script>.. Overrides folderon 의 도메인 루트에 파일을 추가합니다 Chrome.

overriding HTML

여기에 이미지 설명 입력

그런 다음 overridingCUSTOM SCRIPT :

여기에 이미지 설명 입력

행운을 빕니다...


제 경우에는 다운로드 폴더에 로컬 재정의 설정 ( https://developers.google.com/web/updates/2018/01/devtools#overrides )이 있었는데 파일이 많고 devtools가 느려졌습니다.

별도의 디렉토리에 재정의를 설정하면 속도 저하가 해결되었습니다.

참고 URL : https://stackoverflow.com/questions/36913727/google-chrome-developer-tools-works-very-slow

반응형