自作したCSS,HTML,Javascriptファイル等をサーバーに設置し、ウェブサイトを製作してテストを何回も行っていると、たまにCSSが読み込めずデザインが崩れてしまうことがあります。
どのような原因によっておこるものなんでしょうか?そして、これはサーバー、クライアントのどちらかで対策ができるのでしょうか?
どなたか知っている方がいらっしゃいましたらご教授ください。
[情報を追記しました 05/11 17:31]
とりあえずコメントで頂いた内容に基づいて現在調査をしています。
・開発環境
Tomcat
Servlet
・サーバー
AWS
・OS
Cent OS
・使用したブラウザ
IE 8 ~ 11
Firefox(最新)
Chrom(最新)
・使用したCSS
Bootstrap v3.0.2
・発生手順
IE11を使ってクライアントからJavascriptを使ってサーバーのAPIを呼び、DB処理をした後、
簡単なresponseをもらって。別ページに遷移した際にページが崩れました。今のところ
2度発生しただけで、他のバージョンやブラウザで発生は見られません。
(テスト不足もありますが、メインはfirefoxで確認しているのでIEではあまり確認していません。)
・読み込み失敗したHTMLのヘッダー
lang
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="utf-8" /> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <title>xxxxxxx</title> 8 <!-- Bootstrap --> 9 <!--<link href="content/bootstrap.min.css" rel="stylesheet">--> 10 <link href="bootstrap.min.css" rel="stylesheet"> 11 <link href="mixins.css" rel="stylesheet"> 12 <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> 13 <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> 14 <!--[if lt IE 9]> 15 <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> 16 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> 17 <![endif]--> 18 <!--<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>--> 19 <script src="jquery.min.js"></script> 20 <script src="bootstrap.min.js"></script> 21 <script src="xxxxxxx.js?date=2015xxxxxxx"></script> 22</head>
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/05/11 08:26