我有一个使用自定义favicon.ico的网站.在IE以外的所有浏览器中,favicon都会按预期显示.当试图在IE中显示图标时,我得到了大红色x; 当在另一个浏览器中显示favicon时,它显示正常.页面源包括,它在其他浏览器中工作.谢谢你的想法.
编辑:已解决:问题的根源是文件是jpg重命名为ico.我创建了一个ico文件,它按预期工作.感谢您的输入.
在这个旧的StackOverflow帖子中,据说只有IE6有PNG favicons的问题,但在channel9上,它说IE7也不支持PNG favicons.
但是,不幸的是,channel9链接已被删除 - 所以有人知道官方/测试的信息,说明哪个版本的IE开始支持PNG favicons?
试图在我的rails应用程序中添加一个favicon,但似乎没有在本地工作.继承我的代码
Aplication.html.erb(在头部)
<%= favicon_link_tag '/favicon.ico' %>
Run Code Online (Sandbox Code Playgroud)
注意: Favicon已保存在我的资产/图像文件夹中,图标为64x64像素
这里有什么问题吗?
提前致谢
我试着弄清楚看源代码,但我无法理解.
我想知道如何使用Gmail这样的计数制作动态图标.

有关如何做到这一点的任何想法?
我想知道是否可以通过URL获取网站的favicon JavaScript.
例如,我有一个URL http://www.bbc.co.uk/,我想获得<link rel="icon" .../>meta标签中描述的favicon的路径- http://www.bbc.co.uk/favicon.ico.
我有很多网址,所以我不应该加载每个页面并搜索link标签.
有任何想法吗 ?
我有一个bookmarklet,它启动一个window.open javascript函数,用我的bookmarklet打开一个小窗口 - 一个用于在任何访问过的站点和我的服务器之间进行通信的外部功能.当书签工具栏添加到书签工具栏时,我想要显示一个图标.我意识到书签是javascript,没有域名绑定它所以要么难以实现这个目标.
我对这个问题的理解:
Favicons很容易理解,是HTML文档头部的链接.浏览器可以通过引用为实际网站添加书签.但是,正如您所看到的我的bookmarklet是在没有HTML的javascript启动代码中运行的,因此没有指向favicon的链接.我还没准备好放弃,但我觉得可以注射一些...
截至目前,bookmarklet启动代码如下所示:
当前脚本 - bookmarklet,没有favicon(注意所有代码都是使用换行符编写的 - 不适用于所有浏览器,通常是一行)
javascript:void(window.open(
'http://mydomain.com/bookmarklet/form?u='
+encodeURIComponent(location.href)+
't='+encodeURIComponent(document.title),
'test','status=0,toolbar=0,location=0,menubar=0,
resizable=false,scrollbars=false,height=379,width=379'
));
Run Code Online (Sandbox Code Playgroud)
我在解决方案中找到的最接近的事情如下,但它没有打开一个新窗口 - 只需创建一个新的选项卡,其中html为页面:
工作图标,没有书签窗口
javascript:'<!DOCTYPE html>
<html><head>
<title>Hello World</title>
<link rel="icon" type="image/png" href="http://www.tapper-ware.net/devel/js/JS.Bookmarklets/icons/next.png" />
</head>
<body>Hello World</body>
</html>';
Run Code Online (Sandbox Code Playgroud)
我尝试了两者的组合,但似乎没有使用图标.我很想知道是否有人可以看到一种解决方法..我认为这可能是可能的,我只是不认为它已经设置正确,因为我一直在尝试.
我的两个混合 - 书签,但没有图标
javascript:'<!DOCTYPE html>
<html><head>
<title>Hello World</title>
<link rel="icon" type="image/png" href="http://www.tapper-ware.net/devel/js/JS.Bookmarklets/icons/next.png" />
</head><body>Hello World</body></html>';
window.open('http://mydomain.com/bookmarklet/form?u='
+encodeURIComponent(location.href)+
'&t='+encodeURIComponent(document.title),
'test',
'status=0,toolbar=0,location=0,menubar=0,resizable=false,
scrollbars=false,height=379,width=379').void(0);
Run Code Online (Sandbox Code Playgroud)
我做的是在触发window.open()之前使用html结构,这在新窗口中成功打开了我的书签,但没有出现书签图标的图标.
逻辑解决方案:
我对此的想法是让书签指向一个页面,该页面只是一个带有favicon链接和启动脚本的HTML文件<head>.但是,我不希望在一个带有空白HTML文件的新选项卡中打开,然后启动弹出窗口.解决方法..?
有一个类似的问题,但我似乎没有找到我正在寻找的答案:
如何在将bookmarklet拖动到工具栏时设置favicon /图标?
工作javascript favicon的来源(但没有书签):
http://www.tapper-ware.net/blog/?p=97
我对你目前的知识/想法感兴趣
我的应用程序的解决方案结构是:

现在我在Login.aspx中,我愿意在该页面中添加置于根目录中的favicon.ico.
我在做的是:
<link id="Link1" runat="server" rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
<link id="Link2" runat="server" rel="icon" href="../favicon.ico" type="image/ico" />
Run Code Online (Sandbox Code Playgroud)
我也尝试过:
<link id="Link1" runat="server" rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link id="Link2" runat="server" rel="icon" href="favicon.ico" type="image/ico" />
Run Code Online (Sandbox Code Playgroud)
但这些都行不通.
我已经清除了浏览器缓存,但没有运气.
favicon.ico的路径来自:
谢谢.
登录页面的URL:http:// localhost:2873/Pages/Login.aspx和favicon.ico的URL:http:// localhost:2873/favicon.ico.
我无法看到favicon.ico
将我的代码更改为:
<link id="Link1" rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link id="Link2" rel="icon" href="/favicon.ico" type="image/ico" />
Run Code Online (Sandbox Code Playgroud) 我在这里放置了我的图标:
http://www.vittoriosastarsnursery.com/favicon.ico
但由于某种原因,它不想在Firefox中显示.它确实在IE中工作,但我更关心的是让它在Firefox中运行.
我正在使用chrome://favicon/我的Google Chrome扩展程序获取RSS Feed的favicon.我所做的是获取链接页面的基本路径,并将其附加到chrome://favicon/http://<domainpath>.
它的工作真的不可靠.很多时候它报告标准的"no-favicon" - 图标,即使页面确实有图标.关于该chrome://favicon机制的文档几乎有0个,因此很难理解它是如何工作的.它只是访问过的链接缓存吗?是否可以检测是否有图标?
从一些简单的测试中,它只是您访问过的页面的favicons缓存.因此,如果我订阅了dribbble.com的RSS源,它将不会在我的扩展中显示favicon.然后,如果我访问chrome://favicon/http://dribbble.com/它将不会返回右图标.然后我在另一个选项卡中打开dribbble.com,它在选项卡中显示其图标,然后当我重新加载chrome://favicon/http://dribbble.com/-tab时,它将返回正确的图标.然后我打开我的扩展弹出窗口,它仍然显示标准图标.但如果我重新启动Chrome,它将在任何地方获得正确的图标.
现在这只是来自一些基础研究,并没有让我更接近解决方案.所以我的问题是:chrome://favicon/对于我正在做的事情,这是一个正确的用例吗?有没有任何文件?它的预期行为是什么?
favicon ×10
javascript ×3
html ×2
asp.net ×1
bookmarklet ×1
browser ×1
c# ×1
canvas ×1
dynamic ×1
hugo ×1
image ×1
permissions ×1