gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-04 03:56:35 26 4
gpt4 key购买 nike

我有一个通过 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>

谁能发现我在这里做错了什么?

最佳答案

正如 this webkit issue 中简要提到的那样,这似乎是不可能的。 .
引用:

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

关于javascript - 无法在 Safari 中使用 javascript 更改网站图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63781987/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com