javascript - 如何更新 favicon、vimeo 样式

Question

Vimeo 有这个漂亮的图标，在上传视频时会发生变化，它以饼图样式图标显示上传内容的数量。有人能指出我如何创造这样一个东西的正确方向吗？

Answer 1

只需<link>通过普通的 DOM 方法将其更改为 favicon。

看一个活生生的例子：

<link rel=icon href="http://www.bluejag.co.uk/favicon.ico">
<!-- ... -->
<script>
function changeFav() {
  document.querySelector('link[rel=icon]').href = "http://www.solaripedia.com/favicon.ico";
}
document.querySelector('input').addEventListener('click', changeFav);
</script>

Answer 2

是的，在这里查看和演示预览。