JavaScript：在运行时更改网站图标在弹出窗口中不起作用

我要在运行时更改图标图标。在选项卡中打开页面时，我的代码有效，但在弹出窗口中打开页面时，我的代码无效

demo online

我已经在最新的Chrome，Firefox和Edge上进行了测试，但是不能正常运行，但是可以在Internet Explorer 11上运行。

这是用于更改收藏夹图标的代码：

function changeFavicon(src) {
// delete the current favicon from the DOM
var oldLink = document.getElementById('appFavicon');
if (oldLink) {
document.head.removeChild(oldLink);
}
// add the new favicon
var link = document.createElement('link');
link.id = 'appFavicon';
link.rel = 'shortcut icon';
link.href = src;
document.head.appendChild(link);
}


这是为gif制作的完整favicon.html：

Excel