Inspector wird CSS auf einigen Websites nicht zeigen

Question

Ich habe immer ff Inspektor verwendet, um CSS zu debuggen und hatte dieses Problem nie zuvor, ich habe versucht, die CSS dieser Website zu überprüfen https://www.duolingo.com (das Problem tritt nur auf, wenn ich eingeloggt bin zeigt), aber der Inspektor etwas ist nicht für jedes Element auf der Webseite:

der Inspektor auf anderen Webseiten obwohl gut funktioniert, nicht sicher, ob die Website-Entwickler, die CSS oder nicht, sich zu verstecken, aber ich gefunden einige seltsame css Links scheint mit einem Proxy:

Ist das eine Art neuer Trick, um CSS zu verstecken, oder ist es ein Fehler im Firefox-Inspektor? oder ist es etwas anderes?

Ich bin mit Firefox ab Version 45.0.1

Answer 1

Ich bin mir ziemlich sicher, dass dies ein bekannter Fehler ist, die bereits behoben wurden. Ich habe kein Konto auf dieser Website, daher kann ich mir nicht sicher sein, aber wir hatten in der letzten Zeit sehr ähnliche Probleme.

Es könnte entweder sein: https://bugzilla.mozilla.org/show_bug.cgi?id=1255787 die in FF48 behoben wurde (es hatte sich für eine Inline-Stylesheet <style>, die eine sourcemap URL definiert).

Oder es könnte sein: https://bugzilla.mozilla.org/show_bug.cgi?id=1249888 Welche auch in FF47 und uplifted zu FF46 fixiert wurde (es eine falsche CSS sourcemap URL beteiligt).

Sie können dies überprüfen, indem Sie erneut mit diesen Versionen getestet. Wenn es immer noch nicht funktioniert, können Sie einen neuen Fehler hier einreichen: https://bugzilla.mozilla.org/enter_bug.cgi?product=Firefox&component=Developer%20Tools%3A%20CSS%20Rules%20Inspector mit Schritten zum Reproduzieren und möglicherweise Einfügen der Fehler, die in der Browser-Konsole vorhanden sein können (Strg + Umschalt + J).

In jedem Fall ist dies kein gewünschtes Verhalten. In den seltenen Fällen, in denen tatsächlich keine CSS-Regeln für ein bestimmtes Element angezeigt werden, zeigt das Fenster eine Meldung wie "kein gültiges Element ausgewählt" oder "keine CSS-Regeln gefunden", ich kann mich nicht genau erinnern. Wenn das Panel gerade leer ist, dann ist das definitiv ein Fehler.

Answer 2

Ich habe das in Firefox 49 gesehen, wenn ich meine eigene Seite auf dem Entwicklungsserver untersucht habe. Als ich zum Style Editor ging, war die Liste riesig und der Spinner rotierte weiter.

Ich ging zu den Dev-Tools-Einstellungen und deaktiviert "Originalquellen anzeigen". Der Style Editor Tab zeigt nun zwei Dateien und ich kann die CSS Regeln sehen (natürlich nicht meine Regeln).

ich gefunden habe dies bereits als https://bugzilla.mozilla.org/show_bug.cgi?id=1097834 eingereicht