나는 50 개 별도의 CSS 클래스 50 DIV 요소가있는 페이지를 가지고 있고, 각각의 CSS 클래스는 라인이있는 경우 :Firefox는 각 클래스의 배경 이미지를 다시 다운로드합니까?
background:#000 url(curve_red/circle.png) no-repeat 0 0;
그리고 파이어 폭스 (3.5) 같은 파일에 대한 50 개 HTTP 요청을 할 것입니다 (사용 확인을 방화범).
그러나 IE는이 반복을보고 각 요청 (피들러를 사용하여 확인) 후에 파일을 다시 다운로드하려고 시도하지 않습니다.
이 버그는 없습니까? 아니면 누가 파이어 폭스가이 작업을 수행하는지에 대한 통찰력을 제공 할 수 있습니까?
그냥 추측 할 수 있지만 50 대신 1 CSS 클래스에 배경 속성을 넣으려고 할 수 있습니까? 이것은 적어도 당신의 CSS에서 반복을 없애고, FF가 단지 1 개의 요청을하지 않는 이유를 설명 할 수 있습니다.
물론 다른 개별 스타일을 유지할 수 있도록 div에 여러 클래스를 추가 할 수 있습니다. 당신의 HTML에서
.myBackground { background:#000 url(curve_red/circle.png) no-repeat 0 0; }
.class1 { color: blue; }
.class2 { color: red; }
한 다음 :
<div class="class1 myBackground">blue div</div>
<div class="class2 myBackground">red div</div>
당신은 어떤 이유로 캐싱을 사용하지 않도록나요? 이것은 Extension (알지 못함)을 통해 또는 F5 또는 CTRL-R 대신 CTRL-F5 또는 CTRL-SHIFT-R과 같은 키 조합을 사용하여 페이지를 다시로드하여 발생할 수 있습니다. 게다가, 나는이 행동을 재구성하지 못했습니다. 파이어 폭스 3.5에서는 확실히 버그가 아니라고 말할 수는 없다.
또한 새로운 프로파일로 문제를 점검 할 수도 있습니다 (-P 명령 줄 스위치로 Firefox를 다시 시작하여 프로파일 매니저에 액세스하십시오).
편집 : 크롬이 한 번만 요청하도록 만듭니다. – maxp
나는이 점에서 파이어 버그에 의지하지 않을 것이다. 캐시를 공격하는 요청을 보여주기 때문이다. –
파이어 폭스에 대한 피 들러를 사용해 보았습니다. 추가 요청도했습니다. – maxp