当我的网站是本地的(使用file://协议)时,favicon不会显示在Chrome或Safari中,但它可以在Firefox中运行(全部在Mac上).但是,当实际托管完全相同的站点时,favicon在我尝试的所有浏览器中都能正常工作.为什么webkit浏览器不显示本地favicon？
favicon.ico文件与index.html页面位于同一目录中.我使用以下代码,虽然我尝试了几种变体:
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
由于favicon在访问时起作用http://,我怀疑我包含它的方式有问题,但你永远不知道......
我发现了一些论坛帖子(没什么太官方的)表明这是设计的,但没有一个给出理由.此外,听起来有些版本的IE有同样的问题.当地的餐馆有安全隐患吗？(例如,我知道某些浏览器存在本地cookie问题.)
免责声明:似乎有类似的问题,但我还没有找到这个问题.(事实上我和这个问题的问题基本相同,但没有一个答案适合我.)
我有一个 HTML 页面，我想从内联 svg 创建一个 favicon 并在 HTML 中使用它。如何进行？
这是我目前的尝试：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/svg+xml" sizes="21x21" href="favicon16.svg">
<title>Document</title>
</head>
<body>
<svg width="100" height="100">
<circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>
</body>
</html>