为什么我的favicon不在服务器上工作但在本地工作?

时间:2014-12-06 15:35:20

标签: html favicon server

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

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

我错过了服务器的东西吗?

8 个答案:

答案 0 :(得分:5)

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

花了大约一个小时试图找出我遇到同样问题的原因。清除历史记录,更新代码无效。

重新启动了Chrome浏览器并立即开始工作

答案 1 :(得分:4)

只需将favicon上传到您的根目录,并将其命名为&#34; favicon.ico&#34;。通过将其放在根目录中,您的域中的所有页面都会有默认的图标。

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

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

答案 2 :(得分:1)

创建一个PNG文件并将其设置为index.html页面中的favicon,以便覆盖缓存: public getUser(uid: string): any { console.log('FirebaseManager getUser method start'); const self: FirebaseManager = this; const promise: any = self.getDeferred(); admin.auth().getUser(uid) .then(function(userRecord: admin.auth.UserRecord) { console.log("Successfully fetched user data:", userRecord); admin.app().delete(); promise.resolve(userRecord); }) .catch(function(error: FirebaseError) { console.log("Error fetching user data:", error.errorInfo); admin.app().delete(); promise.reject('Error getting Firebase user ' + uid); }); return promise.promise; }

有效。

答案 3 :(得分:0)

尝试在网络上的某个位置上传图标,并将其链接到该图片网址。我记得在本地机器上访问背景图像时遇到问题,但如果我试图从网络上链接它,我没有遇到任何问题。我认为this应该做到这一点。虽然没有使用它。

答案 4 :(得分:0)

您可以尝试删除此类../

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

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

答案 5 :(得分:0)

您可以尝试<link href="/favicon.ico" rel="shortcut icon">,其中'/'代表绝对根路径...(root direcory)

答案 6 :(得分:0)

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

答案 7 :(得分:0)

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

如果仍然无法更新网页上的收藏夹图标,请重新启动浏览器