Không thể tải tài nguyên trong Chrome

Có một loạt các hình ảnh trong một trang web.

Các trình duyệt khác đang tải xuống chúng một cách chính xác, nhưng Chrome không tải chúng.

Trong bảng điều khiển của nhà phát triển, nó hiển thị thông báo sau cho mỗi hình ảnh:

Không thể tải tài nguyên

Vấn đề này chỉ xuất hiện trong Chrome.

Nó là gì?

Gần đây tôi đã gặp phải vấn đề này và phát hiện ra rằng đó là do tiện ích mở rộng "Adblock" (dự đoán tốt nhất của tôi là do tôi có từ "banner" và "ad" trong tên tệp).

Để kiểm tra nhanh xem đó có phải là sự cố của bạn không, hãy khởi động Chrome ở chế độ ẩn danh với các tiện ích mở rộng bị tắt ( ctrl+ shift+n ) và xem trang của bạn có hoạt động không. Lưu ý rằng theo mặc định, tất cả các tiện ích mở rộng sẽ bị vô hiệu hóa ở chế độ ẩn danh trừ khi bạn đặc biệt đặt chúng để chạy (thông qua chrome://extensions).

Kiểm tra tab mạng để xem Chrome có tải xuống bất kỳ tệp tài nguyên nào không.

Trong trường hợp nó giúp được bất cứ ai, tôi cũng gặp vấn đề tương tự và phát hiện ra rằng đó là do Tiện ích mở rộng Chrome "Không theo dõi Plus" (phiên bản 2.0.8). Khi tôi tắt tiện ích mở rộng đó, hình ảnh được tải không có lỗi.

Ngoài ra còn có tùy chọn tắt bộ đệm cho tài nguyên mạng. Điều này có thể là tốt nhất cho môi trường phát triển.

1. Nhấp chuột phải
2. Chuyển đến 'kiểm tra phần tử'
3. Tìm tab 'mạng' ở đâu đó trên cùng. Nhấp vào nó.
4. Chọn hộp kiểm 'vô hiệu hóa bộ đệm'.

Giải pháp của Kabir là chính xác. URL hình ảnh của tôi là

/images/ads/homepage/small-banners01.png, 

và điều này đã làm vấp ngã AdBlock. Đây không phải là vấn đề tên miền đối với tôi và nó đã thất bại trên cả localhost và trên web.

Tôi đã sử dụng tab mạng của Chrome để gỡ lỗi và tìm thấy kết quả rất khó hiểu cho những hình ảnh cụ thể không tải được. Yêu cầu đầu tiên sẽ trả về không có phản hồi (Trạng thái "(đang chờ xử lý)"). Sau đó, có một yêu cầu thứ hai liệt kê URL gốc và sau đó "Chuyển hướng" là Người khởi tạo. Tất cả các tiêu đề yêu cầu chuyển hướng đều dành cho dòng dữ liệu được mã hóa cơ sở ngắn giống hệt nhau này và mỗi dữ liệu không trả lời, mặc dù trạng thái là "Thành công":

GET      data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACklEQVR4nGMAAQAABQABDQottAAAAABJRU5ErkJggg== HTTP/1.1

Sau đó tôi nhận thấy rằng các kiểu nội tuyến này đã được thêm vào tất cả các thành phần hình ảnh:

    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;

Cuối cùng, tôi không nhận được bất kỳ thông báo "không tải tài nguyên" nào trong bảng điều khiển, mà là:

Port error: Could not establish connection. Receiving end does not exist.

Nếu bất kỳ điều nào trong số này xảy ra với bạn, có lẽ điều đó có liên quan đến AdBlock. Tắt nó và / hoặc đổi tên các tập tin hình ảnh của bạn.

Ngoài ra, vì CSS nội tuyến được tạo bởi AdBlock, bố cục của thanh trượt quảng cáo của tôi đã bị loại bỏ. Mặc dù tôi có thể khắc phục các sự cố bố cục với CSS trước khi tìm giải pháp của Kabir, CSS có phần không cần thiết và ảnh hưởng đến tính linh hoạt của thanh trượt để xử lý hình ảnh có nhiều kích cỡ.

Tôi đoán bài học là: Hãy cẩn thận những gì bạn đặt tên cho hình ảnh của bạn. Những hình ảnh này không độc hại hoặc gây phiền nhiễu nhiều như chúng đang cảnh báo khách truy cập về các chương trình khuyến mãi và khuyến mại hiện tại theo cách không phô trương.

Nếu hình ảnh được tạo thông qua ASP Response.Write(), hãy đảm bảo bạn không gọi Response.Close();. Chrome không thích nó.

Tôi đã gặp lỗi này, chỉ trong Chrome (phiên bản mới nhất 24.0.1312.57 m) và chỉ khi hình ảnh lớn hơn html img. Tôi đã sử dụng một tập lệnh php để xuất hình ảnh như thế này:

header('Content-Length: '.strlen($data));
header("Content-type: image/{$ext}");
echo base64_decode($data);

Tôi đã giải quyết nó thêm 1 vào chiều dài của hình ảnh:

header('Content-Length: '.strlen($data) + 1);
header("Content-type: image/{$ext}");
echo base64_decode($data);

Xuất hiện rằng Chrome không mong đợi số byte chính xác.

Đã thử nghiệm thành công trong Chrome và IE 9. Hy vọng sự giúp đỡ này.

Sự thật:

• Tôi đã tắt tất cả các plugin và vấn đề vẫn còn.
• Có một số trang web, nơi vấn đề không xảy ra.
• Đó là một vấn đề được biết đến. Xem Sự cố 424599: Không thể tải tài nguyên: net :: ERR_CACHE_MISS khi mở DevTools trên trang PHP và Câu hỏi về lỗi tràn chồng Lỗi trong Bảng điều khiển dành cho nhà phát triển Chrome - Không thể tải tài nguyên: net :: ERR_CACHE_MISS .

Có một công việc tạm thời xung quanh trong hỗ trợ Reenable (tạm thời) showModalDialog trong Chrome (dành cho Windows) 37+ .

Về cơ bản, tạo một chuỗi mới trong sổ đăng ký tại

HKEY_LOCAL_MACHINE\SOFTWARE\Policies\Google\Chrome\EnableDeprecatedWebPlatformFeatures

Trong khóa EnableDeprecatedWebPl PlatformFeatures, tạo một giá trị chuỗi với tên 1và giá trị của ShowModalDialog_EffectiveUntil20150430. Để xác minh rằng chính sách đã được bật, hãy truy cập chrome://policyURL.

FYI - Tôi cũng gặp vấn đề này và hóa ra html của tôi đã liệt kê tệp .jpg có chữ .JPG bằng chữ hoa, nhưng bản thân tệp là chữ thường .jpg. Điều đó hiển thị tốt cục bộ và sử dụng Codekit, nhưng khi nó được đẩy lên web thì nó sẽ không tải. Chỉ cần thay đổi tên tệp để có phần mở rộng .jpg viết thường để khớp với html đã thực hiện thủ thuật.

Trong Chrome (Canary) tôi đã bỏ chọn tiện ích mở rộng "Appspector". Điều đó đã xóa lỗi.

Tôi đã cập nhật trình duyệt Chrome của mình lên phiên bản mới nhất và sự cố đã được khắc phục.

Đó là do trình chặn quảng cáo. Khi tên tệp dự án chứa các từ như 'quảng cáo' thì trình chặn quảng cáo cũng chặn các tệp này để tải.

Giải pháp tốt nhất là không bao giờ lưu bất kỳ tệp nào với các khóa tên này.