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

Chrome 50.0.2661.87 m를 실행 중입니다.

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

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

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

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

sRGB로 변경

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

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

"소스"탭이 열려 있고 Chrome이 해당 탭에 막대한 자산을로드하려고했기 때문에 생성 한 console.log()이벤트와 기록 된 메시지 표시 사이에 수초의 지연이 발생했습니다 .

모든 중단 점을 비활성화하여 devtools를 다시 멋지게 만듭니다.

Sources탭으로 이동 하여 디버거를 표시하고 (숨겨져있을 수 있음)을 누릅니다 Deactivate breakpoints.

(Windows 10의 Chrome v62.0)

54.0.2840.99m 버전의 Google 크롬에서 동일한 시간 문제가 발생했습니다.

그러나 Chrome Canary로 전환하면 효과가 있습니다!

나도 같은 문제에 직면합니다.

체크되지 않은 토글 스크린 캐스트를 시도했습니다. 이제 잘 작동합니다.

resource존재의 크기 줄이기overridden

overriding코드 줄이 적은 파일 만 잘 작동했습니다. 나는 줄 이 overriding있는 파일 이기 때문에 여기에 착륙했습니다 .35,000 +Javascript

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

overriding HTML

그런 다음 overridingCUSTOM SCRIPT :

행운을 빕니다...

다음을 수행하여 Chrome 속도를 다시 높였습니다.

• DevTools 열기 -> 요소 탭 선택 ->
  • 중첩 계산 탭을 선택하고 -> 필터 아래에서 모두 표시 가 선택 해제되어 있는지 확인합니다 .
  • 중첩 된 이벤트 리스너 탭을 선택하고 -> 상위 및 프레임 워크 리스너 가 선택 취소 되었는지 확인하십시오 .

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

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

나를 위해 Ubuntu 18에서 Chrome 버전 81.0.4044.138 (공식 빌드) (64 비트)을 실행하면 문제는 모바일보기 인 것 같습니다. 모바일 뷰 검사를 비활성화하면 다시 정말 빨라집니다. 터치 에뮬레이션 및 기타 모바일 기기 때문이라고 생각합니다.

모바일 뷰와 유사한 것을 갖기 위해 DevTools 도크를 측면으로 이동하고 필요한 너비가 될 때까지 크기를 조정합니다. 완벽하지는 않지만 대부분의 경우 유용합니다.

Chrome 외에도 Firefox는 전체 사이트를 검사 할 때 훨씬 빠릅니다.하지만 Chrome에서 특정 작업에 익숙하기 때문에 FF를 사용하지 않았습니다. 또한 내가 함께 일하는 대부분의 사이트는 Chrome에서 이러한 문제를 유발하지 않으며 실제로 하나의 사이트에서만 발생합니다.

PD : Chrome Dev Tools에서 문제를 유발하는 사이트에는 많은 CSS 변수가 있습니다. 관련이 있는지 확실하지 않습니다.

업데이트 1 주 전에 "미디어 쿼리 표시"옵션을 비활성화하여 모바일보기에서도 문제없이 Chrome을 사용할 수있었습니다.