Ein paar Dinge zu favicon.ico (am besten im Stammverzeichnis ablegen)

Öffnen Sie eine beliebige Webseite, zum Beispiel http://www.baidu.com/

Sie können sehen, dass in der Kopfzeile der Browser-Registerkarte ein Symbol angezeigt wird. Dieses Symbol ist: , was wir oft favicon.ico nennen.

Da sich dieser Artikel hauptsächlich mit favicon.ico und der unterschiedlichen Handhabung in den einzelnen Browsern befasst, erstellen wir ein neues Webprojekt wie folgt:

Feuerfuchs:

ie9:

Leider verwenden die meisten normalen Benutzer den 360-Browser, den Sogou-Browser, den QQ-Browser usw.

Sogou-Browser:

Es ist ersichtlich, dass favicon.ico im Stammverzeichnis der Website wirksam ist, sodass das favicon.ico-Symbol im Stammverzeichnis der Website angezeigt wird.

Öffnen Sie den 360-Browser:

Seltsam, woher kommt das Google-Symbol? . . . ? ? ?

Unser FaviconTestWeb hat nur 3 Symbole, eines davon ist wangyi.ico.baidu.ico.favicon.ico (das Symbol von cnblogs).

Warum zeigt 360 das Google-Symbol an?

Tatsächlich wird der Port beim Surfen im Internet vom 360-Browser ignoriert, d. h. http://localhost:3529/home.html.

Firefox fordert das Symbol an, das dem href des Links entspricht.

Sogou-Browser usw.: Die Anfrage lautet http://localhost:3529/favicon.ico.

360-Browser usw.: Die Anfrage lautet http://localhost/favicon.ico,

Dies gilt unabhängig davon, ob Sie http://host/home.html, http://host:333/home.html oder http://host/test/home.html anfordern.

Es fordert http://host/favicon.ico an.

Der Beweis besteht darin, das 360se-Installationsverzeichnis zu öffnen:

Wenn favicon.ico Ihrer Website nicht funktioniert oder Sie favicon.ico kompatibler machen möchten, führen Sie die folgenden Schritte aus:

1: Überprüfen Sie favicon.ico im Stammverzeichnis der Website, also http://host/favicon.ico, und nicht http://host/some/favicon.ico.

2: Stellen Sie sicher, dass <link rel="icon" href="http://host/favicon.ico" type="image/x-icon" />

<link rel="Verknüpfungssymbol" href="http://host/favicon.ico" type="image/x-icon" />

Verwenden von http://host/favicon.ico

3: Wenn Ihre Website über einen Port verfügt oder eine Testversion ist, achten Sie besonders auf Browser wie 360, die die Portnummer bei der Anforderung von favicon.ico ignorieren.