Tôi đang gặp lỗi favicon.ico


131

Tôi đã tải xuống Netbeans IDE để mã bằng HTML. Tôi mới biết về nó. Khi tôi chạy mã của mình, chrome đang mở và mọi thứ đều hoạt động tốt. Tôi đang gặp một số lỗi trong Đầu ra - Nhật ký trình duyệt.

Failed to load resource: net::ERR_EMPTY_RESPONSE (20:00:55:963 | error, network)
at http://localhost:8383/favicon.ico

Làm thế nào để tôi sửa chữa nó?

Câu trả lời:


151

Tôi đã có lỗi này một thời gian là tốt. Nó có thể là một số loại lỗi netbeans có liên quan đến trình kết nối netbeans. Tôi không thể tìm thấy bất kỳ đề cập nào favicon.icotrong mã của tôi hoặc trong cài đặt dự án.

Tôi đã có thể khắc phục bằng cách đặt dòng sau vào headphần tệp html của mình

<link rel="shortcut icon" href="">

Tôi hiện đang sử dụng điều này trong môi trường thử nghiệm của mình, nhưng tôi sẽ loại bỏ nó cho bất kỳ môi trường sản xuất nào.


3
Tôi không nghĩ nó phải liên quan đến NetBeans. Nó xảy ra bất cứ khi nào bạn làm cordova run browser.
Ricardo Cruz

2
Đối với tôi nó đã xảy ra trong khi đang ở trong một thư mục của trang web của tôi. Nhưng nó chỉ vào thư mục gốc đang tìm kiếm một favicon.ico. Tôi đang sử dụng Chrome ...
Alex Cio

4
Nó không liên quan gì đến NetBeans, tôi sử dụng Eclipse, PyCharm, v.v. và tôi cũng gặp lỗi tương tự.
Ibo

3
Giải pháp này có thể không đúng, như tôi đã thử, và nó không hoạt động. Vẫn nhận được lỗi.
Vlădel

@Tamas yeap tương tự cho tôi, câu trả lời dưới đây phải là câu trả lời đúng
Charis Theo

130

Câu trả lời được chấp nhận không hiệu quả với tôi, tôi đã phải thêm một giá trị cho thuộc tính href:

<link rel="shortcut icon" href="#" />

8
Câu trả lời được chấp nhận cũng không có tác dụng với tôi. Cảm ơn bạn đã đăng bài này ... nó hoạt động với tôi (bằng chrome).
Nertal

1
Vâng, điều này sẽ loại bỏ lỗi trong Chrome khi lưu trữ trang HTML của tôi trên AWS S3. Không có nó, tôi gặp lỗi 403 cho favicon.ico, mặc dù thực tế là không có tham chiếu đến favicon trong mã.
MSC

Chúng ta có cần chỉ định bất kỳ loại mime nào cho việc này không?
Kurkula

1
Điều này sẽ kích hoạt quá trình tìm nạp tài liệu trong một số trình duyệt (bao gồm cả Chrome), xem stackoverflow.com/questions/2009092/
ám

@kursus: Vấn đề dường như được loại bỏ trong câu trả lời của Sr Julien stackoverflow.com/a/40527353/669527
IvanH

25

Câu trả lời được chấp nhận không hiệu quả với tôi vì vậy tôi đã tìm thấy giải pháp này .

Nó có thể liên quan đến phiên bản HTML là giải pháp được bình chọn nhiều nhất ở đó:

Nếu bạn cần tài liệu của mình để xác thực với HTML5, hãy sử dụng thay thế:

<link rel="icon" href="data:;base64,iVBORw0KGgo=">

Xem liên kết để biết thêm.


24

favicon.ico là biểu tượng của một trang web trên thanh tiêu đề của trang web của bạn. Netbeans không thể tìm thấy tệp favicon.ico trong thư mục trang web của bạn

nếu bạn không muốn, bạn có thể xóa dòng tương tự như thế này trong phần đầu của bạn

 <link rel="shortcut icon" href="favicon.ico">

hoặc nếu bạn muốn sử dụng biểu tượng cho thanh tiêu đề, bạn có thể sử dụng trình chuyển đổi biểu tượng để tạo hình ảnh .ico và giữ nó trong thư mục trang web của bạn và sử dụng dòng trên trong phần đầu


4
Không có biểu tượng như thế trong phần đầu của tôi.
Rockstar5645

1
Vui lòng gửi mã html phần đầu của bạn, rất khó để giải quyết lỗi mà không nhìn thấy mã
Trinadh venna

15

Các câu trả lời ở trên không làm việc cho tôi. Tôi tìm thấy một bài viết rất hay cho Favicon , giải thích:

  • Favicon là gì;
  • tại sao Favicon.ico hiển thị dưới dạng 404 trong tệp nhật ký;
  • Tại sao bạn nên sử dụng Favicon;
  • cách tạo Favicon bằng FavIcon từ Pics hoặc người tạo Favicon khác;
  • làm thế nào để Favicon của bạn hiển thị.

Vì vậy, tôi đã tạo ra Favicon bằng cách sử dụng FavIcon from Pics. Đặt nó trong thư mục (được đặt tên là favicon) và thêm mã này vào <head>thẻ:

<link rel="shortcut icon" href="favicon/favicon.ico">
<link rel="icon" type="image/gif" href="favicon/animated_favicon1.gif">

Bây giờ không có lỗi và tôi thấy Favicon của tôi:

nhập mô tả hình ảnh ở đây


Đã thử điều này ... mọi thứ đều hoạt động tốt tại địa phương của tôi nhưng khi tôi triển khai đến các máy chủ thì tôi gặp lỗi này ..
Ziggler

1
@Petya Kostova, cảm ơn vì liên kết! Rất hữu ích. Chỉ cần thêm một liên kết nữa, bài viết này giải thích cách iconChrome / Firefox / etc trong khi shortcut icondành cho IE, chỉ dành cho bất kỳ ai (như tôi), người tò mò tại sao bạn cần cả hai.
James Toomey

9

Đối với tôi câu trả lời không hoạt động quá, nhưng điều này hoạt động tốt:

<link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon">

Điều này giải quyết vấn đề mà không gây ra tải đôi.
IvanH

4

Bạn có thể cung cấp hình ảnh của riêng bạn và tham chiếu nó trong đầu, ví dụ:

<link rel="shortcut icon" href="images/favicon.ico">

3

Ngoài ra, hãy cẩn thận để vị trí của bạn không bị lỗi. Trường hợp nghiên cứu:

Trang chỉ mục của tôi nằm trong một thư mục con tạm thời có tên LAYOUTS. Để truy cập favicon.png từ bên trong thư mục IMAGES, là anh chị em của thư mục LAYOUTS, tôi đã phải đặt một đường dẫn trong my href như thế này

href="../images/favicon-32x32.png"

Thời gian gấp đôi là cần thiết để điều hướng thư mục "lên trên" , sau đó dấu gạch chéo + imageschuỗi chuyển tiếp đưa bạn vào thư mục hình ảnh (thực hiện một nhánh cây "nhảy") và cuối cùng bạn có thể tham chiếu tệp của mình bằng cách viết favicon-32x32.png.

Giải thích này hữu ích cho những người bắt đầu từ đầu và sẽ rất hữu ích khi thấy nó một vài lần vì tôi sẽ quên rằng tôi có một số tệp * .php bên ngoài thư mục LAYOUTS cần các cây khác nhau trên các liên kết của tôi, từ phần CHÍNH của mỗi trang.

Tham khảo đường dẫn đến hình ảnh favicon của bạn cho phù hợp.


1
Tôi không chắc có tốt không nếu sử dụng trực tiếp các đường dẫn tương đối. Tôi thường sử dụng @ Url.Content ("~ / Images / favicon.ico") nếu sử dụng API Web MVC hoặc ASP.NET để giải quyết URL đầy đủ trước khi gửi xuống máy khách.
justdan23

2

Sự cố này xảy ra khi bạn không khai báo ở đầu tệp HTML của mình trong HEDER thẻ này.

<link rel="icon" href="your_address_icon" type="image/x-icon">

0

Tôi đã có một tình huống kỳ lạ. Của tôi đã hoạt động tốt và tất cả đột ngột dừng lại với thông báo lỗi đó. Tôi đã có tuyên bố tiêu đề. Vì vậy, tôi đã bị câm thành lập tại sao nó không hoạt động.

<link rel="shortcut icon" href="favicon.png">

Theo nghĩa đen, không có gì khác trên trang web có một vấn đề mà tôi có thể nói. Điều duy nhất đã sửa nó cho tôi là khởi động lại dịch vụ Apache của tôi và tất cả đã hoạt động tốt trở lại.

nếu không có gì khác làm việc, hãy thử và xem điều gì sẽ xảy ra.


0

Đó là một cơn ác mộng vì mỗi trình duyệt / thiết bị xử lý nó khác nhau.

Trình tạo Favicon giúp tôi rất nhiều cho những ứng dụng mà chúng tôi cần để bao quát các tình huống có thể xảy ra nhất.

https://realfavicongenerator.net/

Bạn chỉ cần một hình ảnh png 260px x 260px (ít nhất) và từ đó trình tạo sẽ tạo ra tất cả các tham chiếu bạn cần trong trang web của bạn.

Bạn chỉ cần thêm tài liệu tham khảo và hình ảnh này vào ứng dụng của bạn.

nhập mô tả hình ảnh ở đây


-1

Tôi đã nhận được cùng một lỗi biểu tượng fav - 404 (Không tìm thấy). Tôi đã sử dụng phần tử sau trong <head>phần tử tệp index.html của mình và nó đã sửa lỗi:

<link rel="icon" href="data:;base64,iVBORw0KGgo=">

1
Một lời giải thích về cách sửa lỗi này sẽ rất hữu ích, hãy xem xét thêm chi tiết đến câu trả lời của bạn.
bjoster
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.