Da Google Chrome auf die Version 50.x aktualisiert wurde, ist es unmöglich, mit DevTools zu arbeiten. Dieses Problem wurde hauptsächlich auf der Registerkarte "Netzwerk" reproduziert. Jedes Mal, wenn Sie auf "Anfrage" klicken, dauert es ungefähr 30-40 Sekunden. Danach kann Chrom abstürzen. Es wurde versucht, alle Erweiterungen zu löschen, den Cache zu löschen und neu zu installieren, aber es hat nicht geholfen. Weiß jemand, wie man dieses Problem behebt?

Ich verwende Chrome 50.0.2661.87 m

UPD: Das Problem kann aufgrund langer Header auftreten. Versuchen Sie, die Antwort- und Anforderungsheader zu schließen.

Ich hatte ähnliche Probleme beim Debuggen in Chrome-Versionen 50+ unter Mac OS X 10.11.3. Die einzige Lösung, die ich bisher gefunden habe, besteht darin, die Entwickler-Tools rechts angedockt zu halten, und sie scheinen genauso leistungsfähig zu sein wie zuvor. Nicht die optimale Lösung, aber es funktioniert in meinem Fall.

Schließlich wurde eine Lösung gefunden, die mir nach so langer Zeit und nach so vielen fehlgeschlagenen Versuchen, sie zu beheben, geholfen hat: Lösung in den Google Chrome-Foren

Gehen Sie zu chrome: // flags / # force-color-profile

Ändern Sie es in sRGB

Da Google keine direkten Links zu zulässt, müssen chrome://Sie den Doppelpunkt selbst einfügen oder den gesamten Link manuell in Ihre Symbolleiste eingeben.

Meine Situation war ähnlich, nachdem ich eine Weile mit extrem langsamen Reaktionen der Entwicklertools zu kämpfen hatte, stellte ich fest, dass das Problem durch eine Chrome-Erweiterung verursacht wurde, die ich für KnockoutJs installiert hatte. Versuchen Sie daher, Personen, bei denen diese Probleme auftreten, im Rahmen der anfänglichen Fehlerbehebung die Chrome-Erweiterungen zu deaktivieren .

Ich verwende die Version 61.0.3163.79 und habe das gleiche Problem, über das in diesem Beitrag gesprochen wird.

Bei einigen Suchanfragen stellte ich fest, dass das Problem bei dem von mir verwendeten Benutzer lag. Ich habe versucht, int google chrome als Gast einzugeben, und die devtools wurden wieder schneller.

Also habe ich getan:

1. Überprüfen Sie, ob das Debuggen mit dem Gastbenutzer schneller ist, als es sein sollte.
2. Melden Sie sich vom Konto ab .
3. Bereinigen Sie den gesamten mit Google Chrome verknüpften Cache.
4. Starten Sie den PC neu (aber ich denke, das Schließen des Browsers ist genug)
5. Melden Sie sich erneut in Ihrem Konto an .

Ich hoffe, dies könnte anderen Menschen mit dem gleichen Problem helfen.

[BEARBEITEN:]

Ich fand heraus, dass die Google Chrome Dev Tools nach einiger Zeit (Wochen) wieder langsamer werden. Also habe ich die folgende Lösung ausprobiert und es hat funktioniert:

1. Öffne das dev tools
2. Gehen Sie zur SourcesRegisterkarte.
3. Alle überwachten Variablen, Haltepunkte, DOM-Haltepunkte und Ereignis-Listener-Haltepunkte wurden bereinigt.

[ZWEITE BEARBEITUNG:]

Nach einigen Wochen kam das Problem erneut. Was ich getan habe, war die Installation des Google Canary Version 64.0.3249.2 Canary (64-Bit) und meine Probleme verschwanden.

Für diejenigen, die nicht wissen, was Kanarienvogel ist, überprüfen Sie bitte diesen Link.

Google ist sich des Problems bewusst - https://bugs.chromium.org/p/chromium/issues/detail?id=624097

Das Problem scheint in Version 53 verschwunden zu sein - sie versuchen derzeit herauszufinden, was es behoben hat. Wenn möglich, wird der Fix wieder auf Version 52 zusammengeführt. Aber zumindest arbeiten sie daran.

Falls andere hier mit dem gleichen Problem ankommen, das ich hatte, ändern Sie die Registerkarte Entwicklungswerkzeuge, die Sie sich ansehen, in Elemente .

Ich hatte die Registerkarte "Quellen" geöffnet und Chrome versuchte, enorme Ressourcen für diese Registerkarte zu laden, was zu einer Verzögerung von mehreren Sekunden zwischen den von console.log()mir erstellten Ereignissen und der Anzeige dieser protokollierten Nachrichten führte.

Ich hatte das gleiche Zeitproblem mit der 54.0.2840.99 m-Version von Google Chrome.

Aber der Wechsel zu Chrome Canary hat funktioniert!

Machen Sie devtools wieder bissig, indem Sie alle Haltepunkte deaktivieren:

Gehen Sie zur SourcesRegisterkarte, zeigen Sie den Debugger (möglicherweise ausgeblendet) und drücken Sie Deactivate breakpoints.

(Chrome v62.0 unter Windows 10)

Ich stehe auch vor dem gleichen Problem.

Ich habe versucht, den Screencast zu deaktivieren. Jetzt funktioniert es gut.

Größe des resourceSeins reduzierenoverridden

Nur overridingDateien mit weniger Codezeilen haben bei mir gut funktioniert. Ich bin hier gelandet, weil ich overridingeine Akte hatte, die hatte35,000 + Zeilen von hatte Javascript.

Wenn resourcees sich um ein neues Tag handelt, dh wenn es nicht in einem scriptTag oder linkTag enthalten ist, können override main html documentSie das Tag hinzufügen : <script src="/my-new-script.js"></script>. Fügen Sie die Datei zu Ihrem Domain-Root in derOverrides folder on hinzuChrome :

overriding HTML

dann overridingCUSTOM SCRIPT:

Viel Glück...

Ich habe Chrome erneut beschleunigt, indem ich Folgendes getan habe:

• Öffnen Sie DevTools -> wählen Sie die Registerkarte Elemente ->
  • Wählen Sie die verschachtelte Registerkarte Berechnet -> unter Filter , und stellen Sie sicher, dass Alle anzeigen nicht ausgewählt ist.
  • Wählen Sie die Registerkarte verschachtelte Ereignis-Listener -> stellen Sie sicher, dass Ancestors- und Framework-Listener nicht ausgewählt sind.

In meinem Fall hatte ich Local Overrides eingerichtet ( https://developers.google.com/web/updates/2018/01/devtools#overrides) ) im Downloads-Ordner, das viele Dateien enthielt und devtools verlangsamte.

Das Einrichten von Überschreibungen in einem eigenen separaten Verzeichnis hat die Langsamkeit behoben.

Wenn ich Chrome Version 81.0.4044.138 (Official Build) (64-Bit) unter Ubuntu 18 ausführe, scheint das Problem die mobile Ansicht zu sein. Wenn ich die mobile Ansicht deaktiviere, wird die Inspektion wieder sehr schnell. Ich denke, es wird durch Touch-Emulation und andere mobile Dinge verursacht.

Um etwas Ähnliches wie eine mobile Ansicht zu haben, schiebe ich das DevTools-Dock zur Seite und ändere die Größe, bis ich die gewünschte Breite habe. Es ist nicht perfekt, aber es ist die meiste Zeit nützlich.

Neben Chrome ist Firefox bei der Überprüfung von Websites insgesamt viel schneller, obwohl ich FF nicht verwendet habe, weil ich an bestimmte Dinge in Chrome gewöhnt bin. Darüber hinaus lösen die meisten Websites, mit denen ich arbeite, diese Probleme in Chrome nicht aus. Tatsächlich tritt dies nur bei einer Website auf.

PD : Die Site, die das Problem in Chrome Dev Tools auslöst, enthält viele CSS-Variablen. Ich bin mir nicht sicher, ob das damit zusammenhängt.

UPDATE vor 1 WOCHE Ich konnte Chrome auch in der mobilen Ansicht ohne Probleme verwenden, indem ich die Option "Medienabfragen anzeigen" deaktivierte.