Chrome에서 리소스를로드하지 못했습니다.
답변:
최근에이 문제가 발생하여 "Adblock"확장명으로 인한 것임을 알았습니다 (제 이름은 파일 이름에 "banner"및 "ad"라는 단어가 있기 때문입니다).
이것이 문제인지 확인하기위한 빠른 테스트로서 확장 프로그램을 사용 중지 ( ctrl+ shift+n ) 한 상태로 시크릿 모드에서 Chrome을 시작 하고 페이지가 작동하는지 확인합니다. 기본적으로 확장을 통해 실행하도록 설정하지 않으면 모든 확장 프로그램은 시크릿 모드에서 이미 사용 중지되어 있습니다 chrome://extensions.
네트워크 탭에서 Chrome이 리소스 파일을 다운로드하지 못한 지 확인하십시오.
누군가에게 도움이되는 경우 이와 똑같은 문제가 발생하여 "Do Not Track Plus"Chrome 확장 프로그램 (버전 2.0.8)으로 인한 것으로 나타났습니다. 해당 확장을 비활성화하면 이미지가 오류없이로드되었습니다.
네트워크 리소스에 대한 캐시를 끄는 옵션도 있습니다. 이것은 환경 개발에 가장 적합 할 수 있습니다.
- 크롬을 마우스 오른쪽 버튼으로 클릭
- '요소 검사'로 이동
- 상단의 '네트워크'탭을 찾으십시오. 클릭하세요.
- '캐시 비활성화'확인란을 선택하십시오.
카비르의 해결책은 맞습니다. 내 이미지 URL 은
/images/ads/homepage/small-banners01.png,
그리고 이것은 AdBlock을 넘어 뜨리고있었습니다. 이것은 도메인 간 문제가 아니었고 localhost와 웹 모두에서 실패했습니다.
Chrome의 네트워크 탭을 사용하여로드하지 못한 특정 이미지에 대해 매우 혼란스러운 결과를 디버깅하고 발견했습니다. 첫 번째 요청은 응답이 없습니다 (상태 "(pending)"). 나중에 줄에 원래 URL을 나열한 다음 요청자로 "리디렉션"하는 두 번째 요청이있었습니다. 리디렉션 요청 헤더는 모두 base64로 인코딩 된 데이터의 동일한 짧은 줄에 대한 것이며 상태는 "성공"이지만 응답이 없습니다.
GET data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACklEQVR4nGMAAQAABQABDQottAAAAABJRU5ErkJggg== HTTP/1.1
나중에이 인라인 스타일이 모든 이미지 요소에 추가되었음을 알았습니다.
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
마지막으로 콘솔에서 "자원을로드하지 못했습니다"라는 메시지를받지 못했습니다.
Port error: Could not establish connection. Receiving end does not exist.
이러한 일이 발생하면 AdBlock과 관련이있을 수 있습니다. 이미지 파일을 끄거나 이름을 바꾸십시오.
또한 인라인 CSS로 인해 AdBlock에서 만든 인해 프로모션 슬라이더의 레이아웃이 중단되었습니다. Kabir의 솔루션을 찾기 전에 CSS의 레이아웃 문제를 해결할 수 있었지만 CSS는 다소 불필요하며 여러 크기의 이미지를 처리하는 슬라이더의 유연성에 영향을 미쳤습니다.
나는 교훈은 다음과 같다고 생각한다. 이 이미지는 방문자에게 눈에 잘 띄지 않는 방식으로 현재 프로모션 및 스페셜을 방문자에게 알리는 것만 큼 악의적이거나 성가신 것이 아닙니다.
Chrome (최종 버전 24.0.1312.57 m)에서만 이미지가 html img보다 큰 경우에만이 오류가 발생했습니다. PHP 스크립트를 사용하여 다음과 같이 이미지를 출력했습니다.
header('Content-Length: '.strlen($data));
header("Content-type: image/{$ext}");
echo base64_decode($data);
이미지의 길이에 1을 추가하여 해결했습니다.
header('Content-Length: '.strlen($data) + 1);
header("Content-type: image/{$ext}");
echo base64_decode($data);
Chrome이 올바른 바이트 수를 기대하지 않는 것 같습니다.
Chrome 및 IE 9에서 성공적으로 테스트되었습니다.이 도움이 되길 바랍니다.
사리:
- 모든 플러그인을 비활성화했지만 문제가 계속 남아 있습니다.
- 문제가 발생하지 않는 일부 사이트가 있습니다.
- 알려진 문제입니다. 참조 문제 424599을 : 부하 리소스에 실패 : PHP 페이지에 오프닝 DevTools로 순 :: ERR_CACHE_MISS 오류 및 스택 오버플로 질문 크롬 개발자 콘솔에서 엽기 오류 - 부하 리소스에 실패했습니다 순 :: ERR_CACHE_MISS을 .
Chrome (Windows 용) 37+의 Reenable (임시) showModalDialog 지원에서 임시 해결 방법이 있습니다 .
기본적으로 레지스트리에서 새 문자열을 만듭니다.
HKEY_LOCAL_MACHINE\SOFTWARE\Policies\Google\Chrome\EnableDeprecatedWebPlatformFeatures
EnableDeprecatedWebPlatformFeatures 키 아래에서 이름 1과 값으로 문자열 값을 만듭니다 ShowModalDialog_EffectiveUntil20150430. 정책이 활성화되어 있는지 확인하려면 chrome://policyURL을 방문하십시오 .
