【问题标题】:Why is my favicon not working on server but is working locally?为什么我的网站图标不在服务器上工作,但在本地工作?
【发布时间】:2015-02-04 15:33:03
【问题描述】:

网络开发新手。我有一个在本地工作但不想在服务器上运行的图标。以下是我在head标签中的favicon标签:

<link rel="icon" type="image/png" href="../favicon/microphone-icon-192783/microphone-icon-16-192783.ico"/>

我是否缺少服务器的某些内容?

【问题讨论】:

  • 什么服务器技术?你的网站图标在哪里?

标签: html favicon server


【解决方案1】:

老问题,但对于遇到与我相同问题的任何人..

花了大约一个小时试图弄清楚为什么我会遇到同样的问题。清除历史,更新代码无效。

重启了chrome浏览器,马上就可以了啊

【讨论】:

    【解决方案2】:

    只需将网站图标上传到您的根目录并将其命名为“favicon.ico”。通过将其放在您的根目录中,您将拥有域中所有页面的默认网站图标。

    根据您使用的浏览器,您可以将以下两行添加到页面的头部。

    <link rel="icon" href="favicon.ico" type="image/x-icon"> 
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> 
    

    【讨论】:

    • 我已经确定这是答案;实际上机器做了
    • 您只需要rel="shortcut icon" 版本,并且仅当您想支持IE rel="icon"(其他人都遵循的标准)。所有其他浏览器都正确地将rel 视为空格分隔列表,并且无论如何都明确允许"shortcut icon"。话虽如此,请注意上面的代码 - 它相对于当前路径,例如在mysite.com/path/page.html 中,它将引用mysite.com/page/favicon.ico。此外,如果您的 favicon.ico 位于根目录中 - 根本没有理由拥有标签。
    • 谢谢!!! &lt;link rel="icon" href="favicon.ico" type="image/x-icon"&gt; 帮助。
    • 这很有趣的 html 链接标签没有增加价值只是重新启动浏览器
    【解决方案3】:

    制作一个 PNG 文件并将其设置为 index.html 页面中的 favicon,以便覆盖缓存: &lt;html&gt;&lt;head&gt;&lt;link rel='icon' type='image/png' href='favicon.png' /&gt;&lt;/head&gt;&lt;/html&gt;

    有效。

    【讨论】:

      【解决方案4】:

      尝试将图标上传到网络上的某个位置,并将其链接到该图片网址。我记得在访问本地计算机上的背景图像时遇到问题,但如果我试图从网络链接它,我没有问题。我认为this 应该可以解决问题。不过没用过。

      【讨论】:

        【解决方案5】:

        您可以尝试像这样删除../

        <link rel="icon" type="image/png" href="favicon/microphone-icon-192783/microphone-icon-16-192783.ico"/>
        

        但是如果这不能解决它,我们可以根据服务器根目录获得文件路径吗?这样更容易找到解决方案:)

        【讨论】:

        • 我认为这不会解决问题。通过输入../,他将返回一个文件夹,回到他的文件所在文件夹的父文件夹。如果没有../,则只会在&lt;link&gt;所在的文件夹中进行搜索。
        【解决方案6】:

        您可以尝试&lt;link href="/favicon.ico" rel="shortcut icon"&gt;,其中“/”代表绝对根路径...(根目录)

        【讨论】:

          【解决方案7】:

          确保服务器上具有图标图像的文件夹的权限设置为0755

          【讨论】:

            【解决方案8】:
            <link rel="icon" href="./favicon.ico" type="image/x-icon"> 
            <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"> 
            

            如果这仍然不会更新网页上的图标,重新启动浏览器

            【讨论】:

              猜你喜欢
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 2017-08-14
              • 1970-01-01
              • 2013-11-21
              • 1970-01-01
              • 1970-01-01
              相关资源
              最近更新 更多