我在我的项目中使用favico.js。

它允许将图标更改为一系列预定义的形状和自定义的形状。

在内部，它使用canvas渲染和base64数据URL图标编码。

这个库也有不错的功能:图标徽章和动画;据说，你甚至可以流网络摄像头视频到图标:)

下面是一个片段，使favicon成为一个表情符号或文本。当我在stackoverflow时，它在控制台工作。

function changeFavicon(text) {
  const canvas = document.createElement('canvas');
  canvas.height = 64;
  canvas.width = 64;
  const ctx = canvas.getContext('2d');
  ctx.font = '64px serif';
  ctx.fillText(text, 0, 64);

  const link = document.createElement('link');
  const oldLinks = document.querySelectorAll('link[rel="shortcut icon"]');
  oldLinks.forEach(e => e.parentNode.removeChild(e));
  link.id = 'dynamic-favicon';
  link.rel = 'shortcut icon';
  link.href = canvas.toDataURL();
  document.head.appendChild(link);
}

changeFavicon('❤️');

根据WikiPedia，你可以使用头部部分的链接标签指定加载哪个favicon文件，参数rel="icon"。

例如:

 <link rel="icon" type="image/png" href="/path/image.png">

我想，如果您想为该调用编写一些动态内容，那么您就可以访问cookie，以便以这种方式检索会话信息并显示适当的内容。

你可能会遇到文件格式的问题(据报道IE只支持。ico格式，而大多数人都支持PNG和GIF图像)，也可能会遇到缓存问题，无论是在浏览器上还是通过代理。这可能是因为favicon最初的意图，特别是用网站的迷你标志标记书签。

是的，完全可能

在favicon.ico(和其他文件链接- 见下面的答案链接) 只需确保服务器响应“someUserId” 正确的映像文件(可以是静态路由规则或 动态服务器端代码)。

如。

<link rel="shortcut icon" href="/favicon.ico?userId=someUserId">

然后，无论您使用何种服务器端语言/框架，都应该能够轻松地基于userId找到该文件，并响应该请求。

但是要正确地做favicons(这实际上是一个非常复杂的主题)，请在这里看到答案https://stackoverflow.com/a/45301651/661584

这比你自己解决所有细节要容易得多。

享受。

我在我的项目中使用favico.js。

它允许将图标更改为一系列预定义的形状和自定义的形状。

在内部，它使用canvas渲染和base64数据URL图标编码。

这个库也有不错的功能:图标徽章和动画;据说，你甚至可以流网络摄像头视频到图标:)

对于那些使用jQuery的人来说，有一个单行解决方案:

$("link[rel*='icon']").prop("href",'https://www.stackoverflow.com/favicon.ico');