In Chrome wird nur ein Teil der CSS-Datei geladen

8

Aus irgendeinem Grund meine Seite wird nur ein Teil Laden (etwa 1/3 meines CSS -Datei). Es ist verkettet und minimiert. Wenn ich gehe zu Ссылка Ich kann die ganze Sache sehen.

Der seltsamste Teil ist, dass, wenn Blick auf Quellen in Chrome Dev-Tool, etwa ein Drittel des Weges es leer wird (rechts in der Mitte eines Klassennamen), aber dann können Sie den Rest des Weges bewegen, als ob die Text war da.

ich es auf meiner Seite mit dem folgenden bin Laden:

%Vor%

Wer ist schon einmal auf so etwas gestoßen? Ich habe aus den Dingen zu versuchen.

    
Troy Cosentino 14.02.2013, 07:57
quelle

3 Antworten

6

Die Datei ist weit von gültigem , die wahrscheinlich auf hier betrachtet werden soll, aber das, was ich gefunden habe ...

  • Ich kann den Inhalt Ihrer CSS-Datei einfügen in Ссылка - die CSS wird in fast der gleichen Stelle abgeschnitten, wie Chrome tut
  • Ich kann einfügen in Ссылка , die eine CSS-Datei erzeugen kann, die einfach gut geladen werden kann! Sehr seltsam.

Nach einigen Versuchen scheint es so, als ob eine CSS-Datei, die in einer einzelnen Zeile verkettet ist, abgeschnitten wurde, wenn Sie die Chrome-Entwicklertools verwenden. Die Datei scheint, als wurde analysiert zu haben, mit Strg + Umschalttaste + F und am Ende der Datei der Suche nach etwas (ich war auf der Suche nach zag-divider ), dann meldet Chrome, dass es gefunden wurde, obwohl die gefundene Anzahl falsch schien.

Insbesondere scheint jede Zeile dieser CSS-Datei, die & gt; = 66.537 Zeichen enthält, abgeschnitten zu sein! Zum Beispiel:

  • eine einzeilige CSS-Datei & lt; = 66.536 Zeichen werden nicht abgeschnitten
  • eine einzeilige CSS-Datei & gt; = 66.537 Zeichen werden abgeschnitten
  • eine mehrzeilige CSS-Datei & gt; = 66.537 Zeichen haben nur Zeilen, die & gt; = 66.537 sind abgeschnitten

Ich hatte eine einzelne Zeile mit exakt 66.537 Zeichen CSS, die abgeschnitten wurde, aber durch Hinzufügen eines einzelnen Wagenrücklaufs nach dem ersten Selektor und erneutem Laden wurde die gesamte Datei in der Konsole korrekt angezeigt.

Um es zusammenzufassen ... eine CSS-Datei mit einer beliebigen Zeile & gt; = 66.537 Zeichen sieht aus wie es teilweise durch in den Chrome Developer Tools aus, obwohl die Datei wurde vollständig tatsächlich geladen geschnitten wurde. Ich habe dies getestet, indem ich am Ende der Zeile eine Regel hinzugefügt habe, die von Chrome angewendet wurde.

Hinweis: Ich wäre glücklicher gewesen, wenn die scheinbar magische Zahl 2 16

wäre

Bearbeiten: Untersuchung durchgeführt auf Chrome 23.0.1271.97 m

    
andyb 14.02.2013, 10:24
quelle
1

Ich habe versucht, es durch einige Parser laufen zu lassen:

Ссылка

Ссылка

Leider können sie Ihre css-Datei nicht vollständig durchlesen, Sie sollten Ihre CSS durch sie laufen lassen, da die Ergebnisse zu groß sind, um hier zu posten. Ich denke, als du kleingeredet hast, gab es vielleicht viele Dinge, die passiert sein könnten, falsche Kodierung, verschobene Räume, die tatsächlich notwendig waren.

Aus den Ergebnissen, die die Parser liefern, schlage ich vor, dass Sie zur unminifizierten Version zurückkehren und von vorn beginnen, da die Fehler, die ich hier gesehen habe, zu zahlreich sind (über 900 wurden identifiziert), um das CSS zu reparieren / p>     

Mr. Mr. 14.02.2013 08:41
quelle
1

Für Google-Nutzer, die dieses Problem haben, aber nicht ausschließlich Google Chrome verwenden, kann es nützlich sein, zu überprüfen, ob die Kürzung nicht auf einem bekannten Fehler von Nginx und Virtualisierung , das behoben werden könnte, indem sendfile in Ihrem Serverblock deaktiviert wird.

Sie können mehr über dieses Problem in diesem Artikel finden: Ссылка

    
Leopoldo Sanczyk 30.12.2015 00:02
quelle