国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

IE7,IE8 BUG導致CSS下載二次的解決方法

2024-07-11 08:26:36
字體:
來源:轉載
供稿:網友
測試:
正常的CSS加載代碼寫法:

<link rel="stylesheet" href="http://www.test.com/main.css" type="text/css" />

這樣寫大家都知道加載是不會有任何問題的,所以也不貼監控圖解釋了。
在經過html壓縮后(去掉http協議頭),代碼變成如下:

<link rel="stylesheet" href="//www.test.com/main.css" type="text/css" />

壓縮后,心里暗爽,html代碼又小了, 可是用httpwatch監控一下IE8就發現問題了,測試代碼如下(加上了js和image為了方便進行比較):

復制代碼
代碼如下:
<head>
<title>http test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" />
<script type="text/javascript" src="https://www.test.com/css/1.js"></script>
</head>
<body>
<h1>test</h1>
<img src="https://www.test.com/css/d1.gif" />
</body>

httpwatch監控圖:

   

   oh shit,CSS竟然下載了二次,而且第二次還不是用的緩存,仍然響應200狀態。 

  再把連接css代碼的href加上http協議頭試試:

復制代碼
代碼如下:
<head>
<title>http test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" />
<script type="text/javascript" src="https://www.test.com/css/1.js"></script>
</head>
<body>
<h1>test</h1>
<img src="https://www.test.com/css/d1.gif" />
</body>

監控圖:

  

  一切正常了。

 

總結:

     上面問題在IE8,IE7中都會出現,IE6、firefox、chrome都是正常的,而且只會對css有這個問題,js、image都正常,產生根本原因不詳。
如果本機只有1個瀏覽器,不好進行測試,可以使用www.webpagetest.org在線進行測試,www.webpagetest.org同時支持IE7和IE8進行測試。

原文地址:http://www.stevesouders.com/blog/2010/02/10/5a-missing-schema-double-download/

 PS: 雖然標題寫的是翻譯,但看了原文的就知道,其實根本不是翻譯,是看了原文后本人根據原文進行了一翻測試,然后把測試結果寫出來。

      因為本人英語水平比較差,所以沒有直接翻譯。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 涡阳县| 卢氏县| 连江县| 菏泽市| 中牟县| 海门市| 肇源县| 正定县| 双柏县| 东海县| 睢宁县| 繁峙县| 太和县| 秦安县| 子洲县| 永州市| 集安市| 泾源县| 五指山市| 界首市| 盐边县| 霞浦县| 修文县| 瑞丽市| 红桥区| 龙江县| 涞水县| 高平市| 阿克苏市| 揭东县| 都兰县| 策勒县| 博兴县| 安福县| 吉木萨尔县| 黎川县| 信阳市| 万安县| 新密市| 普陀区| 黑山县|