Javascript Can'；流星中的费维康_Javascript_Html_Meteor_Favicon

Javascript Can'；流星中的费维康

javascript html meteor

Javascript Can'；流星中的费维康,javascript,html,meteor,favicon,Javascript,Html,Meteor,Favicon,我无法在选项卡中的网站名称旁边添加Favicon。我检查了三个SO帖子，并尝试了所有可能的组合。我的logo.ico或logo.png文件位于“ProjectName/public”文件夹中。通过此文件夹，我可以访问加载到浏览器上的其他图像，如果我将它们链接为： <body> {{> carouselTemplate}} </body> <template name="carouselTemplate"> <div class="cont

我无法在选项卡中的网站名称旁边添加Favicon。我检查了三个SO帖子，并尝试了所有可能的组合。我的logo.ico或logo.png文件位于“ProjectName/public”文件夹中。通过此文件夹，我可以访问加载到浏览器上的其他图像，如果我将它们链接为：

<body>
  {{> carouselTemplate}}
</body>

<template name="carouselTemplate">
  <div class="container">
    <div class="row">
      <div class="col-sm-12">

        <div id="my-slider" class="carousel slide" data-ride="carousel">
          <!-- indicators dot nav -->

          <!-- wrapper for slides -->
          <div class="carousel-inner" role="listbox">
            <!-- for each slide one div [active is the first slide that is shown on the page] -->
            <div class="item active">


              <!-- #HERE -->
              <img src="/handsbwG.jpeg" alt="hands"/>
              <!-- /HERE -->


              <div class="carousel-caption">
                <h1>TEXT</h1>
              </div>
            </div>
          </div>

          <!-- controls or next and prev buttons -->

        </div>

      </div>
    </div>
  </div>
</template>


{{>转盘模板}
正文

当我转到localhost:3000/logo.ico时，会显示图标（也适用于localhost:3000/logo.png）

不同的SO参考：

我的两个代码示例：

<link rel="icon" type="image/png" sizes="16x16 32x32" href="/logo.png">

<link rel="icon" sizes="16x16 32x32" href="/logo.ico?v=2">

该文件必须命名为

favicon.ico

而不是其他名称。将

logo.ico

重命名为

favicon.ico

，它应该可以工作

标题链接可能指向一个不同名称的文件，但我怀疑您没有将它们放在正确的位置（meteor可能很难知道什么才是真正的标题）。

这就是我在项目中添加的方式

client/.../partials/head.html

没有模板标签或其他任何东西，只是可能额外的头部元素

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="/img/favicon.png"/>
</head>

当然，在

public/img/

中有favicon，我尝试了很多场景，并检查了所有与此相关的答案，但这对我不起作用，因此在此之后，我使用下面的JavaScript代码解决了这个问题。

此代码正在动态更改网站favicon图标

(function() {
    var link = document.querySelector("link[rel*='icon']") || document.createElement('link');
    link.type = 'image/x-icon';
    link.rel = 'shortcut icon';
    link.href = 'http://www.stackoverflow.com/favicon.ico';
    document.getElementsByTagName('head')[0].appendChild(link);
})()

我将其重命名为favicon.ico并替换了href=“/favicon.ico？v=2”，但它仍然不起作用。你说“但我怀疑你没有把它们放在正确的地方”是什么意思？可能这就是问题所在。可能是您的浏览器正在积极缓存favicon.ico。根据浏览器的不同，我在显示新图标时遇到了困难。查看此相关问答：请参阅此处的alaning：