У меня проблема с инструментами разработчика в Google Chrome (v80). Во время разработки старых добрых Javascript (ES6), HTML5 и CSS3 забавных, и я открываю свои инструменты разработчика, дизайн ломается. С закрытыми devtools все работает нормально, но в тот момент, когда я открываю свои devtools, дизайн ломается, и Google Chrome использует старую версию моего CSS файла (как я вижу на вкладке Sources).
Поэтому я попытался проверить это поведение в небольшом проекте: только файл 1. html, отдельный файл. css и отдельный файл. js. Логи c и связывание файлов работают нормально. Но когда я открываю свои devtools, файл CSS является своего рода «заменой» на старый. Я просто щелкнул правой кнопкой мыши по своему файлу index. html и открыл его в Google Chrome, так что нет старой сборки, которая могла бы испортиться.
Я очистил весь кеш, indexdb, хранилище сеансов, куки, ... все, но не помогает. В других браузерах это работает. На других ноутбуках он работает с Google Chrome. Я использую MacBook Pro Catalina 10.15.2.
Без устройств Devtools открыты
![enter image description here](https://i.stack.imgur.com/1ORs4.png)
С устройствами Devtools открыты
![enter image description here](https://i.stack.imgur.com/tqtlu.png)
Заранее спасибо, это действительно раздражает.