每当我在我工作的网站上更改图标时,浏览器可能需要数小时/天才能重新请求新资源.
但是当我去reddit时,如果我收到消息,我会在favicon中收到通知,而且没有页面加载,我想？
这是否像提供具有不同文件名的新图标一样简单？如何在不进行页面加载的情况下让浏览器加载它？
我正在使用节点的http模块编写一个简单的node.js文件服务器(我没有使用EXPRESS).
我注意到我的初始GET请求正在激活,所有后续的GET请求都是针对css和javascript进行的; 但是,我没有收到关于favicon的请求.即使我查看页面检查器,我也没有任何错误,并且favicon没有显示在资源中.
HTML
// Inside the head of index.html
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<link rel="icon" href="img/favicon.ico" type="image/x-icon">
Node.js的
http.createServer(function(req, res){
// log each req method
console.log(`${req.method} request for ${req.url}`);
}).listen(3000)
有一个默认图标是胡子,但不是我的自定义图标.我在这里错过了什么？
以防万一与问题相关.我正在使用节点v4.2.4
编辑
我认为这与我如何阅读和提供文件有关.
if ( req.url.match(/.ico$/) ){
var icoPath = path.join(__dirname, 'public', req.url);
var fileStream = fs.createReadStream(icoPath, "BINARY");
res.writeHead(200, {"Content-Type": "image/x-icon"});
fileStream.pipe(res)
我不应该使用读取流吗？是二进制编码还是utf-8或其他？
Repro步骤.
删除该行
<link rel="icon" type="image/x-icon" href="favicon.ico">
来自index.html
它仍然显示默认的角度图标.清除浏览器缓存后仍尝试上述步骤仍然是同样的问题.
浏览器下方用于复制问题:
我想知道为什么 favicon 与图像和其他资源不同，在缓存中存储的时间要长得多，而且似乎也非常持久。我正在使用谷歌浏览器，所以这个问题针对这个浏览器，但也针对一般浏览器，因为我在其他浏览器中也观察到了这种行为。
这个问题 （相关的，不是重复的）针对“如何删除它们”的问题。然而，我想了解为什么favicon 似乎被如此独特地对待，而我对删除它们的兴趣是次要的，而不是无关紧要的。
作为一名网络开发人员，我可以简单地申请favicon.ico?2并获得一个“新鲜的”。责任在于应用程序的提供者，而不是用户管理自己的缓存（或“宠爱”我的应用程序，我喜欢这样称呼它）。所以这不是我的主要问题。
为什么收藏夹图标似乎比其他资源更持久？
我正在使用 Github Pages 托管一个网站。由于 SSL，我将 Cloudflare 连接到该网站。当我最终添加favicon.ico到我的网站并添加以下代码<head>以使 favicon 显示时，它仍然没有显示。我能做什么？
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
（英语不是我的母语）
编辑：似乎其他人可以看到网站图标，除了我。但为什么？
我无法在反应样板中更新收藏夹图标。
我用自己的文件替换了images / app / favicon.ico中的文件，但仍然看到旧图标。
我清除了浏览器缓存，然后运行npm run build:clean和npm run build。
无法呈现我的新收藏夹图标。请告知如何更新网站图标。
我想用新的图标图像更改我的网站图标，但我无法更改它。它仍然显示上一个。
以前，当我添加带有标签的网站图标时link（这是许多在线资源建议的），它对我有用。然而现在当我尝试用不同的替换它时，它并没有改变。我关注了 StackOverflow 链接如何强制刷新网站图标？但我的问题仍然如此。
该链接标签的格式如下：
<link rel="icon" type="image/png" href="/somewhere/myicon.png" />
我已经搜索了很多关于这个问题的内容,但谷歌论坛中的所有解决方案都不会修复它,可能是因为它们与较旧的Play版本有关.
无论我如何修改链接标记
<link rel="Shortcut Icon" href='@routes.Assets.at("images/favicon.ico")' >
或者按照其他解决方案的建议修改路线,我总是得到浏览器中显示的默认绿色三角形图标.我甚至删除了这个图标,但它仍然显示出来.浏览器缓存被清除,我不知道我还能做什么.任何帮助都会很棒.
我正在尝试修改Xampp图标,这是不可能的.
起初我改变了xampp默认的favicon htdocs/favicon.ico,它仍然显示橙色的"X".
然后我认为这可能是我的symfony项目的配置.所以我myProyect/web和我一起去了symfony favicon.ico.我必须澄清,在我做这个之前,它没有显示"SF"黑色图标.
并尝试将"fav"图标行添加到"base.html.twig"和"layout.html.twig":
<link rel="shortcut icon" href="{{ asset('favicon.ico') }}" />
并尝试了这个:
<link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}" />
favicon文件位于 - > htdocs/MyProyect/web/favicon.ico
但我不知道为什么仍然显示Xampp默认图标...我已经删除了symfony缓存,以及chrome和firefox缓存,但仍然无法正常工作.
我会对此提供一些帮助,我是一个Symfony noob,它的某些部分让我发疯.
谢谢大家.
我的网站出了问题; 无论我尝试什么,favicon都不会显示.
我的主页是
http://www.emilienpetit.com/Index2.html
而favicon位于
http://www.emilienpetit.com/favicon.ico
目前的代码是
link rel="shortcut icon" type="image/vnd.microsoft.icon" href="www.emilienpetit.com/favicon.ico"/
但我rel="icon"只试过和type="image/jpg" "image/x-con" "image/ico"等等
你能告诉我还有什么可以尝试的吗？
问候,