Сетевой монитор в Инструментах разработчика показывает не всё
При попытке разобраться, что произошло с внешним видом GitHub (https://github.com/Feodor2/Mypal68/issues/228#issuecomment-2350798248), обнаружил нечто, похожее на дефект Монитора сети.
- Открываю страницу GitHub (да хоть ту же самую, где жалоба).
- В Веб-консоли для удобства в фильтрах оставляю включённой только кнопку
CSS. Вижу кучу жалоб об ошибках CSS в разных файлах. Имена файлов показываются справа от сообщений. - Тыкаясь в эти имена мышкой, обнаруживаю, что некоторые файлы загружены браузером, а некоторые нет (при щелчке мышкой по ним браузер говорит "Ошибка 404").
- Перехожу в Монитор сети, набираю там в строке поиска нужные имена и обнаруживаю, что их на этой вкладке нет. Нет ни тех файлов, которые на сервере отсутствуют ("404"), ни тех, которые с сервера получены!
Вот так вот: в Веб-консоли жалобы на ошибки парсинга файлов layers.css, viewport.css и прочих, вкладка Стили показывает содержимое этих файлов, а Монитор сети утверждает, что эти файлы браузер с сервера не только не получал, но даже и не запрашивал.
Прогрузку (reload) перед использованием делал?
Всё пробовал - и перезагрузку страницы, и перезапуск браузера, и галочка "Отключить кэш" в Мониторе сети стоит. Результат один.
(Кстати, в норме если кэш не отключён, то обращение к закэшированным страницам в Мониторе отображается. Ну, должно отображаться. Просто в результатах запроса будет написано, что данные взяты из кэша.)
Таки некоторые файлы 404, потому что их и нет совсем, я думаю они создаються временно, значит через сеть не проходят. Посмотри как в дргих браузерах.
Таки некоторые файлы 404, потому что их и нет совсем
Дело же не в 404. В Мониторе сети вообще ни одной ошибки нет, там все файлы - 200 (ОК). Но при этом в Мониторовском списке нет и тех файлов, которые вроде как успешно получены и осмысленное текстовое содержимое которых показывает вкладка Стили.
я думаю они создаються временно, значит через сеть не проходят.
Кем создаются? Браузером через Javascript? Тогда у них не будет имени файла (URL). А если сервером, то тогда на них должен быть, как минимум, исходящий запрос, который должен быть отображён в Мониторе сети.
Посмотри как в дргих браузерах.
Из других браузеров, способных показать GitHub, мне сейчас доступен только IceApe. А там всё не так: и в веб-консоли совершенно другие ошибки (причём ошибок CSS нет вообще), и во вкладке Стили существенно другой набор таблиц стилей (их там раз в десять меньше), и только во вкладке Сеть есть некое подобие: набор загруженных файлов CSS тот же самый, только в IceApe все они запрашиваются по два раза - сначала обычным способом (результат 200), а потом ещё и через Javascript (результат тоже 200).
И вот тут у меня вопрос: что на вкладке Стили в левой колонке (где перечень таблиц) означают записи вида:
layers.css -> primer-primitives-4cf0d59ab51a.css ?
(При наезде мышкой на "layers.css" всплывает подсказка с URL https://github.githubassets.com/assets/app/assets/stylesheets/bundles/primer-primitives/layers.css, при том, что URL primer-primitives-4cf0d59ab51a.css - https://github.githubassets.com/assets/primer-primitives-4cf0d59ab51a.css)
А, да, ещё: в IceApe вид GitHub одинаковый что до входа в учётку, что после входа - всё выглядит как и раньше, нет этой дикости шрифтов.
Ой, у меня уже и в Mypal шрифты починились...