javascript 无法在Meteor中加载Favicon

db2dz4w8 于 2023-02-28 发布在 Java

关注(0)|答案(4)|浏览(305)

我无法在标签页中的网站名称旁边添加Favicon。我已经检查了三个SO帖子，并尝试了所有可能的组合。我的徽标.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也是如此）。
不同销售订单参考：

我的两个代码示例：

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

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

JavaScript

来源：https://stackoverflow.com/questions/36970196/cant-load-favicon-in-meteor

4条答案

按热度按时间

goqiplq21#

文件 * 必须 * 命名为favicon.ico，而不是其他名称。将logo.ico重命名为favicon.ico，它应该可以工作。
标题链接可能指向一个不同名称的文件，但我怀疑您没有把它们放在正确的位置（流星可能是棘手的方面，知道什么将真正得到作为标题）。

赞(0）回复(0）举报 2023-02-28

5sxhfpxr2#

Meteor looks for all head tags and combines them to one that is sent to the client.这是我如何在我的项目中添加

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/中的图标

赞(0）回复(0）举报 2023-02-28

mnemlml83#

我已经尝试了许多场景，并检查所有与此相关的答案，但这对我不起作用，所以在那之后，我使用下面的JavaScript代码解决了这个问题。
此代码正在动态更改网站图标图标。

(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);
})()

赞(0）回复(0）举报 2023-02-28

wlwcrazw4#

我遇到了这个问题，发现将favicon.ico文件移动到public/目录的根目录中可以解决这个问题。
我用了下面的，它立即工作;没有进一步的必要（没有必要清除Chrome中的缓存/历史记录）。

<link rel="shortcut icon" href="/favicon.ico?v=2" />

赞(0）回复(0）举报 2023-02-28

我来回答

javascript 无法在Meteor中加载Favicon

4条答案

相关问题

热门标签

最新问答