css 在网页源中找不到favicon

pbpqsu0x  于 2023-08-09  发布在  其他
关注(0)|答案(6)|浏览(133)

也许这是个愚蠢的问题,但在我的生活中,我在这个网站上找不到favicon“ico”文件的引用:
http://www.fitnessutah.com/
他们显然有一个,因为它显示在浏览器选项卡/窗口。我试过Chrome开发者工具,网络选项卡显示页面上的所有图像-但也没有favicon。它藏在哪里?

p4rjhz4m

p4rjhz4m1#

它似乎被拉入不同的,但它通常总是在默认位置-这一个也是。
http://www.fitnessutah.com/favicon.ico

lbsnaicq

lbsnaicq2#

有两种方法可以指定网站的favicon:
1)给予favicon一个link

<link rel="icon" type="image/png" href="/somepath/favicon.png" />

字符串
2)把它放在一个prefefined URL,这是相对于服务器根。在这个例子中是http://www.fitnessutah.com/favicon.ico
这个网站似乎使用了第二种方法,所以你会在那个链接中找到favicon。

ia2d9nvy

ia2d9nvy3#

您不需要在您的favicon图像中添加link元素,它就会出现在您的网站上。
第二种指定favicon的方法依赖于使用预定义的URI来识别图像:“/favicon”,它是相对于服务器根目录的。
来源:http://www.w3.org/2005/10/howto-favicon

yquaqz18

yquaqz184#

除了Keir和卡洛斯的回答之外,大多数浏览器都被编程为在这里寻找favicon:

http://yourwebsitename.com/favicon.ico

字符串
如果favicon图像如上所述命名/存储,则无需在HTML代码中提及它。
因此,如果您正在查看一个网站,并且在HTML源代码中找不到对其favicon的任何引用,只需在浏览器地址栏中键入该网站的基本URL,然后输入/favicon.ico

http://example.com/favicon.ico


现实生活中的例子-尝试在源代码中找到favicon:
http://www.fuelly.com/favicon.ico

0h4hbjxa

0h4hbjxa5#

使用Chrome开发工具网络选项卡。Filter by favicon reload the page with Shift+F5您将获得图标,无论它是通过链接加载还是从默认位置加载

qvk1mo1f

qvk1mo1f6#

你将总是在chrome中找到只需在地址栏中输入chrome://favicon/{domain.url}
例如
chrome://favicon/https://www.google.com/

相关问题