Sie können dies tun:
%Vor%Ich habe das gemacht und es hat gut funktioniert.
Ich habe eine Webanwendung, die nach dem Benutzer benannt ist, der gerade angemeldet ist. Ich möchte das Favicon der Seite ändern, um das Logo der Handelsmarke zu werden, aber ich kann keinen Code oder ähnliches finden Beispiele dafür, wie man das macht. Hat jemand das schon einmal erfolgreich gemacht?
Ich stelle mir vor, ein Dutzend Icons in einem Ordner zu haben, und der Verweis auf die zu verwendende favicon.ico-Datei wird nur dynamisch zusammen mit der HTML-Seite erzeugt. Gedanken?
Hier ist ein Code, der in Firefox, Opera und Chrome funktioniert (anders als jede andere hier gepostete Antwort). Schlägt immer noch in Safari und Internet Explorer fehl.
%Vor%Sie würden es dann wie folgt verwenden:
%Vor%Fork weg oder anzeigen a Demo .
Wenn Sie das folgende HTML-Snippet haben:
%Vor%Sie können das Favicon mithilfe von Javascript ändern, indem Sie beispielsweise das HREF-Element in diesem Link ändern (vorausgesetzt, Sie verwenden JQuery):
%Vor%Sie können auch ein Canvas-Element erstellen und die HREF als ToDataURL () der Zeichenfläche festlegen, ähnlich wie bei der Favicon Defender tut es.
Hier ist ein Code, mit dem ich Opera, Firefox und Chrome dynamische Favicon-Unterstützung hinzufüge. Ich konnte jedoch weder IE noch Safari benutzen. Grundsätzlich erlaubt Chrome dynamische Favicons, aber es aktualisiert sie nur, wenn sich die Position der Seite (oder ein iframe etc darin) so weit ändert, wie ich sagen kann:
Um Favicons zu ändern, gehen Sie einfach mit dem obigen% code%.
(Credits für Ссылка für den Code, auf dem ich dies aufbaue.)
Das Favicon wird im head-Tag wie folgt deklariert:
%Vor%Sie sollten den Namen des gewünschten Symbols einfach in den Ansichtsdaten übergeben und in das head-Tag einfügen können.
Ein modernerer Ansatz:
%Vor%Sie können es dann wie folgt verwenden:
%Vor%Ich würde Gregs Ansatz verwenden und einen benutzerdefinierten Handler für favicon.ico erstellen Hier ist ein (vereinfachter) Handler, der funktioniert:
%Vor%Dann können Sie diesen Handler im Abschnitt httpHandlers der Webkonfiguration in IIS6 verwenden oder die Funktion 'Handler Mappings' in IIS7 verwenden.
Das funktioniert nur, wenn Sie Ihren Webserver so einstellen, dass Anfragen nach * .ico Ihre serverseitige Skriptsprache (PHP, .NET, usw.) aufrufen. Richten Sie auch * .ico ein, um zu einem einzelnen Skript umzuleiten und dieses Skript die korrekte Favicon-Datei zu liefern. Ich bin mir sicher, dass es noch einige interessante Probleme mit dem Cache geben wird, wenn Sie im selben Browser zwischen verschiedenen Favicons hin und her springen wollen.
Nach WikiPedia können Sie angeben, welche Favicon-Datei mit dem link -Tag in head geladen werden soll. Abschnitt, mit einem Parameter von rel="icon" .
Zum Beispiel:
%Vor%Ich stelle mir vor, wenn Sie für diesen Aufruf dynamischen Inhalt schreiben möchten, hätten Sie Zugriff auf Cookies, damit Sie Ihre Sitzungsinformationen auf diese Weise abrufen und den entsprechenden Inhalt präsentieren können.
Sie könnten mit Dateiformaten zu kämpfen haben (IE unterstützt Berichten zufolge nur das .ICO-Format, während die meisten anderen PNG- und GIF-Bilder unterstützen) und möglicherweise Probleme sowohl im Browser als auch mit Proxies. Dies liegt an der ursprünglichen Bedeutung von favicon, speziell um ein Lesezeichen mit dem Mini-Logo einer Seite zu markieren.
Ja total möglich
z.B.
%Vor%Dann sollte die von Ihnen verwendete serverseitige Sprache / Ihr Framework die -Datei basierend auf der userId leicht finden und in -Antworten auf diese Anfrage bereitstellen
Aber um Favicons richtig zu machen (das ist eigentlich ein wirklich komplexes Thema), siehe die Antwort hier Ссылка
Viel einfacher als alle Details selbst auszuarbeiten.
Viel Spaß.
jQuery-Version:
%Vor%oder noch besser:
%Vor%Vanilla JS Version:
%Vor%Warum nicht?
%Vor%Firefox sollte cool damit sein.
bearbeitet, um vorhandene Symbole ordnungsgemäß zu überschreiben
Wenn Sie das folgende HTML-Snippet haben:
%Vor%Sie können das Favicon mithilfe von Javascript ändern, indem Sie beispielsweise das HREF-Element in diesem Link ändern (vorausgesetzt, Sie verwenden JQuery):
%Vor%Sie können auch ein Canvas-Element erstellen und die HREF als ToDataURL () der Zeichenfläche festlegen, ähnlich wie bei der Favicon Defender tut es.
Das Favicon wird im head-Tag wie folgt deklariert:
%Vor%Sie sollten den Namen des gewünschten Symbols einfach in den Ansichtsdaten übergeben und in das head-Tag einfügen können.
Hier ist ein Code, mit dem ich Opera, Firefox und Chrome dynamische Favicon-Unterstützung hinzufüge. Ich konnte jedoch weder IE noch Safari benutzen. Grundsätzlich erlaubt Chrome dynamische Favicons, aber es aktualisiert sie nur, wenn sich die Position der Seite (oder ein %code% etc darin) so weit ändert, wie ich sagen kann:
%Vor%Um Favicons zu ändern, gehen Sie einfach mit dem obigen% code%.
(Credits für Ссылка für den Code, auf dem ich dies aufbaue.)
Ein modernerer Ansatz:
%Vor%Sie können es dann wie folgt verwenden:
%Vor%Das funktioniert nur, wenn Sie Ihren Webserver so einstellen, dass Anfragen nach * .ico Ihre serverseitige Skriptsprache (PHP, .NET, usw.) aufrufen. Richten Sie auch * .ico ein, um zu einem einzelnen Skript umzuleiten und dieses Skript die korrekte Favicon-Datei zu liefern. Ich bin mir sicher, dass es noch einige interessante Probleme mit dem Cache geben wird, wenn Sie im selben Browser zwischen verschiedenen Favicons hin und her springen wollen.
Ich würde Gregs Ansatz verwenden und einen benutzerdefinierten Handler für favicon.ico erstellen Hier ist ein (vereinfachter) Handler, der funktioniert:
%Vor%Dann können Sie diesen Handler im Abschnitt httpHandlers der Webkonfiguration in IIS6 verwenden oder die Funktion 'Handler Mappings' in IIS7 verwenden.
Nach WikiPedia können Sie angeben, welche Favicon-Datei mit dem %code% -Tag in %code% geladen werden soll. Abschnitt, mit einem Parameter von %code% .
Zum Beispiel:
%Vor%Ich stelle mir vor, wenn Sie für diesen Aufruf dynamischen Inhalt schreiben möchten, hätten Sie Zugriff auf Cookies, damit Sie Ihre Sitzungsinformationen auf diese Weise abrufen und den entsprechenden Inhalt präsentieren können.
Sie könnten mit Dateiformaten zu kämpfen haben (IE unterstützt Berichten zufolge nur das .ICO-Format, während die meisten anderen PNG- und GIF-Bilder unterstützen) und möglicherweise Probleme sowohl im Browser als auch mit Proxies. Dies liegt an der ursprünglichen Bedeutung von favicon, speziell um ein Lesezeichen mit dem Mini-Logo einer Seite zu markieren.
Ja total möglich
z.B.
%Vor%Dann sollte die von Ihnen verwendete serverseitige Sprache / Ihr Framework die -Datei basierend auf der userId leicht finden und in -Antworten auf diese Anfrage bereitstellen
Aber um Favicons richtig zu machen (das ist eigentlich ein wirklich komplexes Thema), siehe die Antwort hier Ссылка
Viel einfacher als alle Details selbst auszuarbeiten.
Viel Spaß.
Hier ist ein Code, der in Firefox, Opera und Chrome funktioniert (anders als jede andere hier gepostete Antwort). Schlägt immer noch in Safari und Internet Explorer fehl.
%Vor%Sie würden es dann wie folgt verwenden:
%Vor%Fork weg oder anzeigen a Demo .
Ich habe eine Webanwendung, die nach dem Benutzer benannt ist, der gerade angemeldet ist. Ich möchte das Favicon der Seite ändern, um das Logo der Handelsmarke zu werden, aber ich kann keinen Code oder ähnliches finden Beispiele dafür, wie man das macht. Hat jemand das schon einmal erfolgreich gemacht?
Ich stelle mir vor, ein Dutzend Icons in einem Ordner zu haben, und der Verweis auf die zu verwendende favicon.ico-Datei wird nur dynamisch zusammen mit der HTML-Seite erzeugt. Gedanken?
Ich benutze favico.js in meinen Projekten:)
Sie können dies tun:
%Vor%Ich habe das gemacht und es hat gut funktioniert.
Tags und Links javascript html dom favicon