Favicon không hiển thị trong thanh địa chỉ trong IE9 - nhưng được hiển thị ở tất cả các trình duyệt khác

Question

Điều này thực sự là lạ - và tôi đã thử mọi thứ tôi có thể nghĩ đến. Tôi không có vấn đề với điều này trong Firefox, Chrome hoặc Opera. Và khi tôi thay đổi biểu tượng trên máy chủ, nó sẽ được cập nhật ngay lập tức trên các trình duyệt khác, nhưng vẫn không hiển thị trong IE9.

Ngẫu nhiên, hình ảnh được hiển thị trong danh sách "yêu thích" của tôi khi tôi thêm nó vào mục yêu thích trong IE9 - nó sẽ không hiển thị trong thanh địa chỉ URL. Tôi cũng đã xác minh rằng tệp ico hoạt động cho một trang web khác. Tôi cũng đã xóa sạch lịch sử trình duyệt IE/các tệp Internet tạm thời mỗi lần tôi thực hiện thay đổi. Dưới đây là một vài phiên bản mã mà tôi đã thử trong tệp .ASPX. Phiên bản đầu tiên được làm việc trên một trang web ASPX rằng tôi đang chạy:

<link rel="shortcut icon" href="/favicon.ico" /> 
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/> 

Answer 1

Hãy thử đặt đường dẫn tuyệt đối và không đường dẫn tương đối:

<link rel="SHORTCUT ICON" href="http://www.mydomain.com/myicon.ico"/> 

Ngoài ra, nơi mà bạn đã đưa hình ảnh. Từ những gì tôi nhớ lại, nó sẽ tự động kéo từ một vị trí nhất định trên máy chủ của bạn tùy thuộc vào trình duyệt web.

Answer 2

Thử thay đổi biểu tượng phím tắt rel = "" thành "biểu tượng". Điều này làm việc cho tôi.

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

Answer 3

Sử dụng > ở phần cuối của thẻ nếu bạn đang sử dụng HTML4 hoặc HTML5, và /> cho XHTML.

Ngoài ra, bạn có thể cần phải thử sử dụng type="image/vnd.microsoft.icon"

Nguồn: FavIcon (in Address bar) not working in IE 9

Answer 4

Aplies lên Windows 7 và tức là 9 hoặc cao hơn!

Tôi đã vật lộn với vấn đề favicon này trong nhiều ngày - nó hiển thị trong tất cả các trình duyệt nhưng không có trong ie9!

Tôi nghi ngờ định dạng tệp; speifically định nghĩa của nó-tiêu đề mà xác định cấu trúc cho favicon.ico, vì nó là điều duy nhất còn lại để kiểm tra đã theo một số hướng dẫn và phương pháp để thư mà không thành công!

Có vẻ như tôi đã đúng - windows 7 + ie9 mong đợi biểu tượng được xây dựng thành 4 biểu tượng tất cả chứa trong một tệp.

Từng bước:

1) Tôi xây dựng một 64x64 điểm ảnh 24 bit màu đồ họa và lưu nó như một tập tin png

2) Tôi nhập khẩu tập tin này vào một freebee gọi là X-icon biên tập nhận được nó đây http://www.xiconeditor.com/

3) Khi tôi xem trước kết quả (sẽ có bốn hình ảnh 64x64, 32x32, 24x24 và 16x6 (tất cả bằng pixel) và đang hài lòng với kết quả:

4) tôi xuất khẩu kết quả và lưu ý các mẹo trước khi thực hiện hội chợ rt ...

5) Sau đó tôi sử dụng tiết kiệm như cơ sở và chỉ đạo các tập tin vào thư mục gốc của file trang web của tôi (nơi file index.html nằm) Các tập tin tôi cứu là favicon.ico

6) Nếu bạn muốn xem các tệp, hãy chuyển đến thư mục trang web trên ổ cứng và nhấp đúp vào tệp favicon.ico và Windows Photo Viewer sẽ hiển thị cho bạn 4 trang đại diện cho kích thước biểu tượng.

7) Chỉnh sửa mã của bạn dưới như sau (các chi tiết được tìm thấy trong các mẹo bước 4): dưới đầu thẻ chèn thẻ này: link rel = "biểu tượng shortcut" href = "favicon.ico"/

8) Tải các thay đổi lên máy chủ của bạn.

9) Xóa file cache ie9

10) Chờ khoảng 20 phút (có thể mất nhiều thời gian)

11) Đăng nhập vào trang web của bạn và bạn sẽ thấy các favicon

Vì vậy, những gì là các biểu tượng khác tất cả được nhúng vào một tệp favicon.ico duy nhất?

64x64 là những biểu tượng lớn được sử dụng bởi các cửa sổ (nếu bạn tạo một shortcut trên desktop của bạn trong đó có các biểu tượng lớn các favicon sẽ hiển thị đồ họa của bạn trong 64x64pixels),

32x32 tương tự như trên nhưng đối với một bộ máy tính để bàn cho vừa biểu tượng máy tính để bàn

24x24 tương tự như trên nhưng đối với một bộ máy tính để bàn cho các biểu tượng máy tính để bàn nhỏ

16x16 là favicon sử dụng trên trang web của bạn. Nó cũng là biểu tượng được sử dụng trong khu vực pinto ở thanh dưới cùng của màn hình (thanh tác vụ) - di chuyển phím tắt từ màn hình sang thanh tác vụ và bạn sẽ thấy nó thay đổi kích thước

Tất cả đã hoàn thành - nó hoạt động - kiên nhẫn nó xuất hiện!

PS (người dùng nâng cao) bạn có thể có nhiều tệp "Favicon" nhưng bạn cần phải đổi tên tất cả
sau đó vào điểm đầu thẻ cho từng tệp biểu tượng cho các trang khác nhau - nhưng bạn chỉ được phép một (hoặc không cho nhiều tập tin) tập tin favicon.ico .... được một chút lông nếu bạn là một người mới nhưng đi cho nó

Answer 5

Hãy thử trang web: http://favicon.htmlkit.com/favicon/ (thử nghiệm và làm việc trong mọi trình duyệt)

1) Xóa bộ nhớ cache của trình duyệt. 2) Bao gồm tất cả các hình ảnh trong gói mà bạn tạo từ trang web trên.

Answer 6

Tôi gặp vấn đề tương tự với phông chữ và hình đại diện trong IE9. Trong khi tôi nghiên cứu rộng rãi về các vấn đề phía khách hàng, cài đặt máy chủ đã thực sự gây ra điều này.

Chế độ điều khiển bộ đệm máy khách được đặt thành "DisableCache" trong IIS. Điều này đã khiến IE9 không tải được phông chữ hoặc favicon. Tất cả các trình duyệt khác (hiện đại) đều hoạt động tốt.

Trong IIS 7 bạn nên thiết lập quyền kiểm soát bộ nhớ cache để "NoControl" trên một trong hai favicon hoặc thư mục phông chữ:

<location path="fonts"> 
    <system.webServer> 
    <staticContent> 
     <clientCache cacheControlMode="NoControl" /> 
    </staticContent> 
    </system.webServer> 
</location>