无法在 Safari 中使用 javascript 更改图标

Question

我有一个页面可以通过 javascript 更改网站图标。这在 chrome 和 firefox 上运行良好，但在 Safari 上不起作用。我什至添加了 <link rel="apple-touch-icon" href="favicon-1.png"> 部分并通过 javascript 对其进行了更改，但这也不起作用。

页面如下所示：

<html lang="en">
<head>
  <meta charset="utf-8">

  <title>Foo</title>
  <link rel="icon" type="image/png" href="favicon-1.png">
  <link rel="apple-touch-icon" href="favicon-1.png">

  <style>
  </style>
</head>
<body></body>
    <script>
        setTimeout(() => {
          var favicon = document.querySelector('link[rel="icon"]');
          var appleTouchIcon = document.querySelector('link[rel="apple-touch-icon"]');
          
          favicon.setAttribute('type', 'image/png');
          favicon.setAttribute('href', 'favicon-2.png');

          appleTouchIcon.setAttribute('href', 'favicon-2.png');
          }, 4000);
    </script>
</body>
</html>

谁能看出我做错了什么？

Answer 1

this webkit issue.

中简要提到的，这似乎是不可能的

引用：

...Since we quite purposefully don't allow dynamic changes/animations to the favicon...

无法在 Safari 中使用 javascript 更改图标

Can't change favicon with javascript in safari

html

javascript

css

safari

favicon