Comment enquêter sur une “feuille de style n'a pas pu être chargé” message dans Firefox?

Comment enquêter sur une "feuille de style n'a pas pu être chargé" message dans Firefox? Ce message apparaît comme une barre rouge ci-dessous le contenu de la page et au-dessus des outils de développement. Comment puis-je trouver ce fichier, le navigateur fait référence? Je suis en version 46.0 sur Linux Mint 17.3.

Mise à jour

Si je regarde la console du développeur d'outils dans Firefox, il affiche tous les fichiers css et dit: "HTTP/1.1 200 OK" sur chaque fichier.

Une Autre Mise À Jour

Cette barre d'erreur va et vient, il n'est pas cohérent d'une page particulière.

  • Cela se produit-il sur d'autres navigateurs tels que Chrome ou IE?
  • Je n'utilise pas l'un de ces navigateurs.
  • C'est franchement une terrible réponse. Maintenant, vous n'avez aucune idée si le problème est causé par votre navigateur ou de votre site web parce que vous ne vérifiez pas votre site web dans un autre navigateur. L'utilisation de toute autre non-firefox le navigateur de votre choix pour voir si les mêmes erreurs apparaissent sur les autres navigateur, établissant ainsi où dans la structure de la logique de l'erreur vient de.
  • J'ai mis à jour ma réponse ci-dessous pour vous re: mise à jour de votre question.
  • Mon attitude est de ne pas compter mes poulets avant qu'ils ne soient éclos. Je voudrais avoir toutes les choses de travail dans un navigateur avant de s'inquiéter du comportement dans d'autres navigateurs.
  • C'est encore une mauvaise attitude, que vous devez voir s'afficher un site dans plusieurs navigateurs afin d'établir si des questions sont à un site ou d'un navigateur spécifique. Que cela change la façon d'approcher la résolution de ces questions
  • Suggérez-vous, dans un rond-point moyen, que si vous ne pouvez pas trouver le bug dans un navigateur essayez d'utiliser un autre?
  • Non, je dis que vous ne pouvez pas prétendre que c'est un bug lié au navigateur jusqu'à ce que vous pouvez montrer que ce "bug"/"fonction" n'apparaît pas dans les autres navigateurs. Sinon le problème peut tout aussi facilement être votre codage ou de certains middleware question.
  • Qu'est-ce que l'URL du site? Je peux regarder et sans doute d'établir un diagnostic en quelques minutes....

InformationsquelleAutor tyebillion | 2016-05-02
  1. 5

    Ce qui arrive presque toujours quand le CSS est gziped, mais le serveur renvoie le Contenu de Longueur de pas comprimé de ressources. Vu cela se produire lors de l'utilisation de mod_deflate avec mod_fastcgi. C'est côté serveur bug, pas de firefox.

    • Est-ce la peine de remplacer mod_fastcgi avec mod_fcgid? Je suis seulement en cours d'exécution localhost pour l'instant, donc si elle n'est pas nuisible... est-ce important?
    • Je n'ai rencontrer le même problème avec mod_fcgid. Donc je suppose que la réponse est non.
    InformationsquelleAutor Bogdan Kuštan
  2. 5

    Cela peut être très précis de cas de bord, mais j'ai eu exactement ce même erreur avec aucune indication de la feuille de style Firefox a été se plaindre. Il s'avère que c'était le Bloqueur de publicité que j'ai été en utilisant. Lorsque j'ai désactivé le bloqueur de publicité et rechargé ma page, l'erreur a disparu.

    • Qu'il fixe! Merci!!!!!
    InformationsquelleAutor Mike Stoddart
  3. 2

    Avis De Mise À Jour:

    Firebug est pas à jour, au lieu de firebug vous voulez utiliser Firefox Developer Edition qui a Firebug-type de diagnostic et des outils intégrés.

    Obtenez De Firebug, ou sinon afficher le code source d'une page (cliquer droit sur Firefox et sélectionnez Afficher la Source) et cliquez sur par le biais de chacun d'eux .la feuille de style css référencés dans la <head> section de la page HTML. Un ou plusieurs de ces retournera un message d'Erreur 404 ou une autre erreur.

    Chaque feuille CSS est dans un <link> élément dans la Tête du code HTML.

    Exemple:

    affichage du code source de cette page vous donnera un tas de code, dans le <head> section est la <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>

    Cela montre qu'il y est une feuille de style dans l'élément de lien, et pour votre page/site si vous cliquez sur par le biais de tous ces (il peut y avoir plusieurs) et de trouver celle qui vous donne l'erreur spécifique.

    Mise à JOUR:

    (Mise à jour) si je regarde la console du développeur d'outils dans Firefox, il affiche tous les fichiers css et dit: "HTTP/1.1 200 OK" sur chaque fichier.

    Par conséquent, vous devriez être à la recherche dans chacun de vos CSS et les documents connexes, voir le document est un lien vers une ressource inaccessible.

    • Je ne comprends pas, pourquoi n'est-il pas répertoriés dans Firefox Console ou d'un Réseau de panneaux? Je veux dire, c'est Firefox le relais de l'erreur.
    • (soupir), get Firebug. L'utilisation de firebug. Que faut-il vous le dire? Le faire les points suggérés dans ma réponse, telles que la recherche d' dans chacun de vos fichiers CSS pour le contenu externe et ensuite vérifier si le contenu peut être ouvert directement via la fenêtre du navigateur. @tyebillion
    • Aucun autre endroit où puis-je voir l'erreur, pas dans Firefox, outils de développement, de Firebug ou Chrome developer tools. Que l'erreur a disparu maintenant, je pense que c'est une vieille erreur que Firefox n'avait pas effacé. Peut-être la fermeture de l'outil de développeur de panneau et de la ré-ouverture a effacé l'erreur.
    • Firebug est obsolète. Il le dit sur le Firebug page d'accueil. Si cette réponse est, trop.
    • cette réponse a été publiée en Mai 2016 et donc, c'était il y a 9 mois, les choses changent..... firebug fonctionne toujours, il est juste de ne plus être mis à jour....
    • Je reconnais que la réponse a été utile quand elle a été écrite. Dans mon expérience, Firebug est prise en buggy car il n'est plus maintenu et je pense que la réponse devrait être mis à jour afin de mettre davantage l'autre solution, qui consiste à examiner le code source ou de regarder les outils de dev console.

    InformationsquelleAutor Martin
  4. 1

    Une autre raison pour style sheet could not be loaded est "actif" contenu mixte", en combinaison avec le protocole HTTPS. I. e. si votre code HTML est chargé via le protocole HTTPS, mais les références d'une CSS qui est livré sur HTTP, Firefox bloque le fichier CSS. Le blocage sera la cause d'un exposé de l'entrée dans la console Web. Voir https://developer.mozilla.org/en-US/docs/Web/Security/Mixed_content/How_to_fix_website_with_mixed_content pour plus d'informations.

    Le blocage sera également se produire si la demande pour le fichier CSS est répondu via HTTPS avec une redirection et l'URL de redirection utilise le protocole HTTP. Et Google Chrome permet également de bloquer les actifs de contenu mixte sur HTTP et faire une entrée dans sa console Javascript.

    InformationsquelleAutor user2845840
  5. 0

    J'ai eu cette erreur à partir de cette stackexchange page, qui a obtenu la ligne rouge dans la console de firebug. Il a souligné le lien https://cdn.sstatic.net/Sites/stackoverflow/all.css?v=743e70f26396 donc j'ai vérifié le code source de la page copier/collé le lien dans un nouvel onglet et tapez entrée. Firefox a crié problème de Sécurité certificat d'erreur, Donc j'ai juste ajouté une exception et le CSS charges. Cette erreur n'apparaît pas dans Chrome ou IE.

    De solution facile.

    InformationsquelleAutor Bill Chappell