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.
Antworten:
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.
quelle
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
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.quelle
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 .
quelle
Knockoutjs context debugger
Erweiterung. Prost!React Developer Tools
! Kommt nur unter Mac vor, nicht unter Windows.Augury
Erweiterung hat mir geholfen. Vielen Dank!React Developer Tools
auchIch 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:
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:
dev tools
Sources
Registerkarte.[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.
quelle
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.
quelle
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.quelle
Ich hatte das gleiche Zeitproblem mit der 54.0.2840.99 m-Version von Google Chrome.
Aber der Wechsel zu Chrome Canary hat funktioniert!
quelle
Machen Sie devtools wieder bissig, indem Sie alle Haltepunkte deaktivieren:
Gehen Sie zur
Sources
Registerkarte, zeigen Sie den Debugger (möglicherweise ausgeblendet) und drücken SieDeactivate breakpoints
.(Chrome v62.0 unter Windows 10)
quelle
Ich stehe auch vor dem gleichen Problem.
Ich habe versucht, den Screencast zu deaktivieren. Jetzt funktioniert es gut.
quelle
Größe des
resource
Seins reduzierenoverridden
Nur
overriding
Dateien mit weniger Codezeilen haben bei mir gut funktioniert. Ich bin hier gelandet, weil ichoverriding
eine Akte hatte, die hatte35,000 +
Zeilen von hatteJavascript
.Wenn
resource
es sich um ein neues Tag handelt, dh wenn es nicht in einemscript
Tag oderlink
Tag enthalten ist, könnenoverride
main html document
Sie 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
HTMLdann
overriding
CUSTOM SCRIPT:Viel Glück...
quelle
Ich habe Chrome erneut beschleunigt, indem ich Folgendes getan habe:
quelle
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.
quelle
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.
quelle