如何更新favicon，vimeo风格

Question

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

Answer 1

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

请参阅a live example：

<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

是的，请检查here和demo预览。