O que pode causar CSS para deixar de carregar ocasionalmente em todos os navegadores?

StackOverflow https://stackoverflow.com/questions/94123

  •  01-07-2019
  •  | 
  •  

Pergunta

Eu estou trabalhando em uma aplicação web, e de vez em quando nos deparamos com situações onde as páginas irá carregar sem aplicar CSS. Este problema tem aparecido no IE6, IE7, Safari 3 e FF3.

A atualização da página será sempre corrigir o problema.

Existem 3 arquivos CSS carregados, tudo dentro do mesmo bloco estilo usando @import: 

<STYLE type="text/css">
  @import url([base css file]);
  @import url([skin css file]);
  @import url([generated css path]);
</STYLE>

Em qualquer situação, quando tomamos o tempo para examinar a fonte html, nada é fora do comum. logs de acesso parecer normal, bem como - nós estamos começando HTTP 304 respostas para os arquivos CSS estáticos sempre que forem solicitados, e uma resposta HTTP 200 para o nosso CSS gerado

.

O mimetype é text / css para os arquivos CSS e o css gerado. Estamos usando um servidor iPlanet, que solicita a frente para um servidor Tomcat.

davebug perguntou:

É sempre o mesmo arquivo CSS não carga, ou é o problema com todos eles, de maneira uniforme?

Nada a carga arquivos CSS. Quaisquer estilos definidos dentro do bom trabalho HTML, mas nada em nenhum dos arquivos CSS funciona quando isso acontece.

Foi útil?

Solução

Eu tive uma coisa semelhante acontecer que eu era capaz de corrigir através da inclusão de uma folha de estilo base de primeira, utilizando o método "link rel" em vez de "@import". ou seja, mover sua inclusão [arquivo css de base] para: 

<link rel="stylesheet" href="[base css file]" type="text/css" media="screen" />

e colocá-lo antes dos outros.

Outras dicas

Se isso acontece muitas vezes o suficiente para que você é capaz de vê-lo em seu navegador, tente intalling a cabeçalhos ao vivo http extensão do Firefox ou a extensão Tamper Data, e assistir os cabeçalhos de resposta como eles são vistos pelo navegador.

Eu não sei porque, mas no meu caso, se a página é carregada a partir de uma ação com o caminho como /ActionName, vejo este problema.

Mas se eu mudá-lo (por exemplo) para /reservedArea/ActionName ou /aPath/ActionName funciona: /

É uma loucura ...

Examinando os cabeçalhos é uma boa idéia, mas eu imagino tudo o que você vai aprender com eles é que o servidor não respondeu a um pedido de vez em quando.

Eu vejo isso acontecer o tempo todo na net. As imagens não serão carregados até que você atualizar, css é confuso, etc. Todas as situações são resolvidas por uma atualização.

Eu imagino uma maneira que você poderia "consertar" isso, talvez, é especificando no seu arquivo cs uma URL para uma imagem para algum elemento. Então, no carregamento da página em javascript, obter esse elemento e ver se a imagem foi carregado. Se não, em seguida, ter o próprio recarregar a página.

Parece muito exótico, mas essa é a única idéia que eu tinha ...

Use ab ou httperf ou dobras ou algo para carregar repetidamente os arquivos CSS do servidor web. Talvez ele não está consistentemente servindo as páginas.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top