Sinсe Google Chrome został zaktualizowany do wersji 50.x, praca z DevTools stała się niemożliwa. Ten numer powielono głównie w zakładce „Sieć”. Za każdym razem, gdy klikniesz na „żądanie”, zajmuje to około 30-40 sekund. po tym chrome może się zawiesić. Próbowałem usunąć wszystkie rozszerzenia, wyczyścić pamięć podręczną i ponownie zainstalować, ale nie pomogło. Czy ktoś wie, jak rozwiązać ten problem?

Używam Chrome 50.0.2661.87 m

UPD: Problem może być spowodowany długimi nagłówkami. Spróbuj zamknąć odpowiedź i zażądać nagłówków.

Mam podobne problemy z debugowaniem w Chrome w wersjach 50+ w systemie Mac OS X 10.11.3. Jedynym rozwiązaniem, które do tej pory znalazłem, jest zadokowanie narzędzi deweloperskich po prawej stronie i wydaje się, że jest tak samo wydajne jak wcześniej. Nie jest to optymalne rozwiązanie, ale w moim przypadku działa.

W końcu znalazłem rozwiązanie, które pomogło mi po tak długim czasie i po tylu nieudanych próbach jego naprawy: Rozwiązanie na forach Google Chrome

Wejdź na chrome: // flags / # force-color-profile

Zmień to na sRGB

Ponieważ Google nie zezwala na bezpośrednie linki do chrome://, musisz samodzielnie wstawić dwukropek lub wprowadzić cały link ręcznie na pasku narzędzi.

Moja sytuacja była podobna, po pewnym czasie zmagań z ekstremalnie powolną reakcją narzędzi programistycznych odkryłem, że problem jest spowodowany przez rozszerzenie Chrome, które zainstalowałem dla knockoutJs. Dlatego w przypadku osób, u których występują te problemy, w ramach wstępnego rozwiązywania problemów spróbuj wyłączyć rozszerzenia Chrome .

Używam wersji 61.0.3163.79 i mam ten sam problem, o którym mówi ten post.

Podczas niektórych wyszukiwań okazało się, że problem dotyczył użytkownika, którego używałem. Próbowałem wejść do Google Chrome jako gość i devtools znów stały się szybsze.

Więc co zrobiłem to:

1. Sprawdź, czy debugowanie przy użyciu użytkownika-gościa jest szybsze, jak powinno.
2. Wyloguj się z konta .
3. Wyczyść całą pamięć podręczną powiązaną z Google Chrome.
4. Uruchom ponownie komputer (ale myślę, że wystarczy zamknąć przeglądarkę)
5. Zaloguj się ponownie na swoje konto .

Mam nadzieję, że mogłoby to pomóc innym ludziom z tym samym problemem.

[EDYTOWAĆ:]

Dowiedziałem się, że po jakimś czasie (tygodniach) narzędzia deweloperskie w Google Chrome znów będą działać wolniej. Wypróbowałem więc następujące rozwiązanie i zadziałało:

1. Otworzyć dev tools
2. Przejdź do Sourceszakładki.
3. Wyczyszczono wszystkie obserwowane zmienne, punkty przerwania, punkt przerwania DOM i punkt przerwania nasłuchiwania zdarzeń.

[DRUGA EDYCJA:]

Po kilku tygodniach problem powrócił. To, co zrobiłem, to zainstalowanie kanarka google w wersji 64.0.3249.2 (64-bit) i moje problemy zniknęły.

Kto nie wie, co to jest kanarek, sprawdź ten link.

Google zdaje sobie sprawę z problemu - https://bugs.chromium.org/p/chromium/issues/detail?id=624097

Wydaje się, że problem zniknął w wersji 53 - obecnie próbują dowiedzieć się, co go naprawiło. Jeśli to możliwe, poprawka zostanie przywrócona do wersji 52. Ale przynajmniej nad tym pracują.

Na wypadek, gdyby inni przyjechali tutaj z tym samym problemem, co ja, spróbuj zmienić kartę narzędzi deweloperskich, na którą patrzysz, na elementy .

Miałem otwartą kartę „Źródła” i Chrome próbował załadować ogromne zasoby dla tej karty, co spowodowało wielosekundowe opóźnienie między utworzonymi console.log()zdarzeniami a wyświetlaniem tych zarejestrowanych wiadomości.

Spraw, by Devtools znów były zgrabne, dezaktywując wszystkie punkty przerwania:

Przejdź do Sourceszakładki, pokaż debugger (może być ukryty) i naciśnijDeactivate breakpoints .

(Chrome v62.0 w systemie Windows 10)

Miałem ten sam problem z czasem w 54.0.2840.99 m wersji Google Chrome.

Ale przejście na Chrome Canary zadziałało!

Ja też mam ten sam problem.

Próbowałem bez zaznaczenia przełączać screencast. Teraz działa dobrze.

Zmniejsz rozmiar resourcebytuoverridden

Tylko overridingpliki z mniejszą liczbą wierszy kodu działały dobrze dla mnie. Wylądowałem tutaj, ponieważ byłem overridingplikiem z 35,000 +liniami Javascript.

Ponadto, jeśli Twój resourcejest nowy - tj. Nie jest uwzględniony wscript tagu lub linktagu można override main html documentdodać tag: <script src="/my-new-script.js"></script>. Dodaj plik do katalogu głównego domeny w ramach Overrides folderonChrome :

overriding HTML

następnie overridingSKRYPT NIESTANDARDOWY:

Powodzenia...

Znowu przyspieszyłem Chrome, wykonując następujące czynności:

• Otwórz DevTools -> wybierz Elements zakładkę ->
  • wybierz zagnieżdżoną kartę Obliczone -> w obszarze Filtr , upewnij się, że Pokaż wszystko opcja jest zaznaczona.
  • wybierz zagnieżdżoną zakładkę Event Listeners -> upewnij się, że Ancestors i Framework odbiorniki nie są zaznaczone.

W moim przypadku miałem konfigurację Local Overrides ( https://developers.google.com/web/updates/2018/01/devtools#overrides ) w folderze Pobrane, w którym było dużo plików i to spowolniło devtools.

Skonfigurowanie przesłonięć w swoim własnym katalogu seprate naprawiło powolność.

U mnie, pracując z Chrome w wersji 81.0.4044.138 (oficjalna kompilacja) (64-bitowa) na Ubuntu 18, problemem wydaje się być widok mobilny. Kiedy wyłączam widok mobilny, inspekcja znów staje się naprawdę szybka. Myślę, że jest to spowodowane emulacją dotyku i innymi urządzeniami mobilnymi.

Aby uzyskać coś podobnego do widoku mobilnego, przesuwam doku DevTools na bok i zmieniam jego rozmiar, aż uzyskam potrzebną szerokość. Nie jest doskonały, ale jest przydatny przez większość czasu.

Poza Chrome, Firefox jest znacznie szybszy podczas ogólnej inspekcji witryn, chociaż nie używałem FF, ponieważ jestem przyzwyczajony do określonych rzeczy w Chrome. Co więcej, większość witryn, z którymi współpracuję, nie powoduje tych problemów w przeglądarce Chrome, w rzeczywistości dzieje się tak tylko z jedną witryną.

PD : witryna, która powoduje problem w Chrome Dev Tools, zawiera wiele zmiennych CSS. Nie jestem pewien, czy to jest powiązane.

AKTUALIZUJ 1 TYDZIEŃ temu Mogłem bez problemów korzystać z Chrome, nawet w widoku mobilnym, wyłączając opcję „Pokaż zapytania o media”