2016-05-02 6 views
17

Come si verifica un messaggio di "foglio di stile non può essere caricato" in Firefox? Questo messaggio appare come una barra rossa sotto il contenuto della pagina e sopra gli strumenti di sviluppo. Come faccio a sapere a quale file si riferisce il browser? Sto usando la versione 46.0 su Linux Mint 17.3.Come posso verificare un messaggio di "foglio di stile non può essere caricato" in Firefox?

Aggiornamento

Se guardo la console degli strumenti dello sviluppatore di Firefox, mostra tutti i file CSS e dice "HTTP/1.1 200 OK" contro ogni file.

Un altro aggiornamento

Questa barra di errore va e viene, non è coerente per una pagina particolare.

+0

Si verifica su altri browser come Chrome o IE? – Martin

+0

Non uso nessuno dei due browser. – tyebillion

+1

Questa è francamente una risposta terribile. Ora non hai idea se il problema è causato dal tuo browser o dal tuo sito web perché non controlli il tuo sito web in un altro browser. Usa qualsiasi altro browser non firefox a tua scelta per vedere se gli stessi errori compaiono sull'altro browser, stabilendo in tal modo da dove nella struttura logica proviene l'errore. – Martin

risposta

4

Questo accade quasi sempre quando CSS è gzip, ma il server restituisce Content-Length di non risorsa compressa. Visto questo succede quando si usa mod_deflate con mod_fastcgi. Questo è un bug lato server, non firefox.

+0

Vale la pena sostituire mod_fastcgi con mod_fcgid? Al momento sto eseguendo localhost, quindi se non è dannoso ... è importante? – tyebillion

+0

@tyebillion Ho lo stesso problema con 'mod_fcgid'. Quindi presumo che la risposta sia no. – twigmac

1

Nota di aggiornamento:

Firebug non è aggiornato, invece di Firebug si desidera essere utilizzando Firefox Developer Edition che ha la diagnostica Firebug-tipo e gli strumenti costruiti in

Get Firebug, o in altro modo vista. il codice sorgente della pagina (fai clic con il pulsante destro del mouse su Firefox e scegli Visualizza sorgente) e fai clic su ogni foglio di stile .css come indicato nella sezione <head> della pagina HTML. Uno o più di questi restituiranno un errore 404 o qualche altro errore.

Ogni foglio CSS è in un elemento <link> nella testa dell'HTML.

Esempio:

visualizzare il codice sorgente di questa pagina darà un mucchio di codice, nella sezione <head> è il <link>:

<!DOCTYPE html> 
<html itemscope itemtype="http://schema.org/QAPage"> 
<head> 
... 
<link rel="stylesheet" type="text/css" href="//cdn.sstatic.net/Sites/stackoverflow/all.css?v=8c7d44a438e6"> 
... 
</head> 

Questo dimostra che v'è un foglio di stile in l'elemento link, e per la tua pagina/sito se fai clic su tutti questi (ce ne possono essere più di uno) e trova quello che ti dà l'errore specifico.

UPDATE:

(Update) se guardo la console degli strumenti dello sviluppatore di Firefox, mostra tutti i file CSS e dice "HTTP/1.1 200 OK" contro ogni file.

Pertanto si dovrebbe essere alla ricerca in ciascuno dei vostri CSS e dei relativi documenti per vedere quale il documento è il collegamento ad una risorsa irraggiungibile.

+0

Non capisco, perché non è elencato nella Console di Firefox o nei pannelli di rete? Voglio dire, è Firefox che trasmette l'errore. – tyebillion

+0

(sigh), [get Firebug] (http://getfirebug.com/). Usa Firebug. Cosa ti dice? Fai i punti suggeriti nella mia risposta, come cercare * in * ciascuno dei tuoi file CSS per il contenuto esterno e poi controllare se quel contenuto può essere aperto direttamente tramite la finestra del browser. @tyebillion – Martin

+0

No, dove posso vedere l'errore, non negli strumenti per sviluppatori di Firefox, sugli strumenti per sviluppatori di Firebug o Chrome. Poiché l'errore è scomparso ora penso che sia stato un vecchio errore che Firefox non ha eliminato. Forse la chiusura del pannello degli strumenti per sviluppatori e la riapertura hanno cancellato l'errore. – tyebillion

0

Ho avuto questo errore da questa pagina stackexchange, ho ottenuto la linea rossa nella console firebug. Indicava il collegamento https://cdn.sstatic.net/Sites/stackoverflow/all.css?v=743e70f26396 quindi ho controllato la copia di origine della pagina/incollato il link in una nuova scheda e premuto invio. Firefox ha urlato Errore di rilascio del certificato di sicurezza, quindi ho appena aggiunto un'eccezione e il caricamento del CSS.Questo errore non è stato visualizzato in Chrome o IE.

Facile da risolvere.