Инспектор не покажет css на некоторых сайтах

Question

Я всегда использовал инспектор ff для отладки css и никогда не имел этой проблемы раньше, я попытался проверить css этого сайта https://www.duolingo.com (проблема возникает только при входе в систему), но инспектор ничего не показывает для любого элемента на странице:

инспектор отлично работает на других сайтах, хотя, не уверен, что если разработчики сайта предназначены, чтобы скрыть CSS или нет, но я найденные некоторые странные ссылки css, кажется, используют прокси:

Это какой-то новый трюк, чтобы скрыть CSS или это ошибка в инспекторе firefox? Или что-то еще?

Я использую Firefox версии 45.0.1

Answer 1

Я почти уверен, что это известная ошибка, которая была исправлена ​​уже. У меня нет учетной записи на этом сайте, поэтому я не могу быть уверен, но у нас были очень похожие проблемы в недавнем прошлом.

Это может быть: https://bugzilla.mozilla.org/show_bug.cgi?id=1255787 , который был зафиксирован в FF48 (она участвует в инлайн стилей <style>, который определен в sourcemap URL).

Или это может быть: https://bugzilla.mozilla.org/show_bug.cgi?id=1249888 Который был зафиксирован в FF47 и FF46 к поднятой тоже (он участвует неправильный CSS sourcemap URL).

Вы можете проверить это, повторно протестировав с помощью этих версий. Если он все еще не работает, напишите здесь новую ошибку: https://bugzilla.mozilla.org/enter_bug.cgi?product=Firefox&component=Developer%20Tools%3A%20CSS%20Rules%20Inspector с инструкциями по воспроизведению и, возможно, вставкой ошибок, которые могут присутствовать в консоли браузера (ctrl + shift + J).

В любом случае, это не является желаемым поведением. В редких случаях, когда на заданном элементе действительно нет правил css, на панели отображается сообщение типа «no valid element selected» или «no css rules found», я точно не помню, какой именно. Если панель просто пуста, то это определенно ошибка.

Answer 2

Я видел это в Firefox 49 при проверке моего собственного сайта на сервере разработки. Когда я перешел на вкладку «Редактор стилей», список был огромным, и прядильщик продолжал вращаться.

Я пошел в настройки инструментов Dev и отключил «показать исходные источники». На вкладке «Редактор стилей» теперь отображаются два файла, и я могу видеть правила CSS (хотя, конечно, не мои правила).

Я нашел это уже подал в https://bugzilla.mozilla.org/show_bug.cgi?id=1097834