Inspector non mostrerà css su alcuni siti web

Question

Ho sempre usato ff inspector per eseguire il debug di css e non ho mai avuto questo problema prima, ho provato a controllare il css di questo sito web https://www.duolingo.com (il problema si verifica solo quando ho effettuato l'accesso), ma l'ispettore non mostra nulla per ogni elemento sulla pagina web:

l'ispettore funziona bene su altri siti web, però, non è sicuro se gli sviluppatori di siti web destinati a nascondere il css o no, ma io trovato alcuni strani collegamenti css sembra utilizzare un proxy:

È una sorta di nuovo trucco per nascondere CSS o è un bug nell'ispettore di Firefox? o è qualcos'altro?

sto usando Firefox versione 45.0.1

Answer 1

Io sono quasi certo si tratta di un bug noto che è stato risolto già. Non ho un account su questo sito, quindi non posso esserne sicuro, ma abbiamo avuto problemi molto simili nel recente passato.

Potrebbe essere: https://bugzilla.mozilla.org/show_bug.cgi?id=1255787 che è stato fissato a FF48 (si prevede un foglio di stile in linea <style> che ha definito un URL Sourcemap).

Oppure potrebbe essere: https://bugzilla.mozilla.org/show_bug.cgi?id=1249888 che è stato fissato in FF47 e sollevato a FF46 troppo (si prevede un URL Sourcemap CSS errato).

È possibile verificare ciò testato nuovamente con queste versioni. Se continua a non funzionare, ti preghiamo di inviare un nuovo bug qui: https://bugzilla.mozilla.org/enter_bug.cgi?product=Firefox&component=Developer%20Tools%3A%20CSS%20Rules%20Inspector con i passaggi da riprodurre ed eventualmente incollare gli errori che potrebbero essere presenti nella console del browser (ctrl + maiusc + J).

In ogni caso, questo non è un comportamento voluto. Nei rari casi in cui non ci sono effettivamente regole css da mostrare su un dato elemento, il pannello mostra un messaggio come "nessun elemento valido selezionato" o "nessuna regola CSS trovata", non riesco a ricordare esattamente quale. Se il pannello è solo vuoto, allora questo è sicuramente un bug.

Answer 2

Ho visto questo in Firefox 49 durante l'ispezione del mio sito sul server di sviluppo. Quando sono andato alla scheda dell'Editor di stili, la lista era enorme e la trottola continua a girare.

Sono passato alle impostazioni degli strumenti di sviluppo e disabilitato "mostra origini originali". La scheda Editor stile ora mostra due file e sono in grado di vedere le regole CSS (anche se non le mie meno regole ovviamente).

ho trovato questo già archiviato come https://bugzilla.mozilla.org/show_bug.cgi?id=1097834