使用js添加/更改网站图标

Question

我正在制作一个书签，将打开一个菜单，您可以在其中更改网站的图标和标题，并具有预设。我可以更改标题，但我不知道如何添加收藏夹图标。我试图这样做，而不必找到网站图标，而是添加一个图标元素。我尝试了以下方法：

javascript:$('head').append('<link rel="shortcut icon" type="image/png" href='https://ssl.gstatic.com/docs/doclist/images/infinite_arrow_favicon_5.ico"/>');

这将是一些代码，据说可以将favicon更改为Google驱动器符号，但对我不起作用。我如何在不知道特定元素类或ID的情况下，而是通过插入一个全新的元素，将favicon注入网站？

Answer 1

尝试此代码：

var link = document.querySelector("link[rel*='icon']") || document.createElement('link');
link.type = 'image/png';
link.rel = 'shortcut icon';
link.href = 'https://ssl.gstatic.com/docs/doclist/images/infinite_arrow_favicon_5.ico';
document.getElementsByTagName('head')[0].appendChild(link);