Инструменты разработчика Google Chrome работают очень медленно
Since Google Chrome был обновлен до версии 50.x, с DevTools невозможно работать. Этот вопрос воспроизводится в основном на вкладке "Сеть". Каждый раз, когда вы нажимаете "запрос", это занимает около 30-40 секунд. после этого хром может разбиться. Пытался удалить все расширения, очистить кеш и переустановить, но не помог. Кто-нибудь знает, как исправить эту проблему?
Я запускаю Chrome 50.0.2661.87 м
UPD: проблема может возникнуть из-за длинных заголовков. Попытайтесь закрыть заголовки ответов и запросов.
Ответы
Ответ 1
У меня были подобные проблемы для отладки в версиях Chrome 50+ в Mac OS X 10.11.3. Единственное решение, которое я нашел до сих пор, заключается в том, чтобы инструменты Dev были состыкованы вправо и, похоже, были такими же эффективными, как и раньше. Не оптимальное решение, но оно работает в моем случае.
Ответ 2
Моя ситуация была похожа, после некоторого времени с чрезмерным медленным ответом разработчиков, я выяснил, что проблема была вызвана расширением Chrome, которое я установил для knockoutJs.
Поэтому для людей, испытывающих эти проблемы, , как часть первоначального устранения неполадок, попробуйте отключить хроматические расширения.
Ответ 3
Я использую версию 61.0.3163.79, и у меня такая же проблема, о которой говорит этот пост.
В некоторых поисках я выяснил, что проблема была в пользователе, который я использовал. Я попытался ввести int google chrome в качестве гостевого, и devtools снова стали быстрее.
Так что я сделал:
Надеюсь, это поможет другим людям с одинаковой проблемой.
[EDIT:]
Я узнал, что через некоторое время (в неделях) инструменты google hrome dev снова станут медленнее. Поэтому я попробовал следующее решение, и он работал:
- Откройте
dev tools
- Перейдите на вкладку
Sources
. ![введите описание изображения здесь]()
- Очистить все просмотренные переменные, точки останова, точку останова DOM и точку останова слушателей событий.
![введите описание изображения здесь]()
[ВТОРАЯ РЕДАКТИРОВКА:]
Через несколько недель проблема снова появилась. Я установил google canary Version 64.0.3249.2 canary (64-bit), и мои проблемы исчезли.
Для тех, кто не знает, что такое канарейка, проверьте эту ссылку.
Ответ 4
Google осознает проблему - https://bugs.chromium.org/p/chromium/issues/detail?id=624097
Проблема, похоже, исчезла в v.53 - они в настоящее время пытаются выяснить, что исправлено. Если возможно, исправление будет объединено с v.52. Но по крайней мере они работают над этим.
Ответ 5
Наконец, было найдено решение, которое помогло мне после такого долгого времени и после стольких неудачных попыток его исправить: Решение на форумах Google Chrome
Зайдите в chrome://flags/# force-color-profile
Измените это на sRGB
Ответ 6
Если другие люди приходят сюда к той же проблеме, я попробовал изменить вкладку "Инструменты разработчика", на которую вы смотрите, на Элементы.
У меня была открыта вкладка "Источники", и Chrome пытался загрузить огромные активы для этой вкладки, что создало многосекундную задержку между созданными мной событиями console.log()
и отображением этих зарегистрированных сообщений.
Ответ 7
У меня была такая же проблема времени на версии Google Chrome версии 54.0.2840.99 м.
Но переключение на Chrome Canary работало!
Ответ 8
Я также сталкиваюсь с той же проблемой.
Я пробовал отключить переключение экрана. Сейчас работает нормально.
Ответ 9
Сделать devtools мгновенным снова, отключив все точки останова:
Перейдите на вкладку Sources
, покажите отладчик (может быть скрыт) и нажмите Deactivate breakpoints
.
(Chrome v62.0 в Windows 10)
Ответ 10
Уменьшить размер overridden
resource
Только overriding
файлов с меньшим количеством строк кода работало хорошо для меня. Я приземлился здесь, потому что overriding
файл, в котором было более 35,000 +
строк Javascript
.
Кроме того, если ваш resource
новый - то есть он не включен в тег script
или тег link
, вы можете override
main html document
и добавить тег: <script src="/my-new-script.js"></script>
. Добавьте файл в корневой Overrides folder
домена в Overrides folder
в Chrome
:
overriding
HTML
![enter image description here]()
затем overriding
ТАМОЖЕННЫЙ СЦЕНАРИЙ:
![enter image description here]()
Удачи...
Ответ 11
В моем случае у меня была настройка Local Overrides (https://developers.google.com/web/updates/2018/01/devtools#overrides) в папке Downloads, в которой было много файлов и которая замедляла работу devtools.
Установка переопределений в своем отдельном каталоге исправила медлительность.