有关favicon.ico的两3事(最好是便是放根文件目录

日期:2020-11-01 类型:科技新闻 

关键词:微信小程序页面设计,python小程序,小程序首页模板,如何建立微信小程序,怎么做微信小程序


随意开启1个网页页面:例如 http://www.baidu.com/

能够看到在访问器的标识头上面显示信息了1个标志,这个标志是:,也便是大家常说的favicon.ico.

 

因为这篇文章内容关键探讨favicon.ico,和各个访问器对其的不一样解决,因此還是新建web新项目以下:

home.html 编码以下:
XML/HTML Code拷贝內容到剪贴板
  1. <!DOCTYPE html>  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4.     <title>home page</title>  
  5.     <link rel="icon" href="Images/wangyi.ico" type="image/x-icon" />  
  6.     <link rel="shortcut icon" href="Images/wangyi.ico" type="image/x-icon" />  
  7. </head>  
  8. <body>  
  9.     home page   
  10. </body>  
  11. </html>  

firefox:

ie9:

 

可是的是一般客户用的基础上是360访问器,搜狗搜索访问器,qq访问器等。

搜狗搜索访问器:

能够了解,大家在网站根文件目录下面的favicon.ico 起功效了,因此显示信息的是网站根文件目录下面的favicon.ico 标志。

开启360访问器:

怪异了,google的标志哪里来的。。。。???

大家的faviconTestWeb 仅有3个标志,1个是wangyi.ico.baidu.ico.favicon.ico(cnblogs的标志)。

为何应用360显示信息的是google的标志? 

实际上360访问器在访问网页页面的情况下,它会忽视端口号,也便是说http://localhost:3529/home.html,

firefox恳求的是:link 的href所对应的标志。

搜狗搜索访问器等:恳求的是http://localhost:3529/favicon.ico.

360访问器等:恳求的是http://localhost/favicon.ico,

也便是无论你恳求的是http://host/home.html,還是http://host:333/home.html,還是http://host/test/home.html.

它恳求的全是http://host/favicon.ico.

 

直接证据便是开启360se的安裝文件目录:

 

 因此假如你的网站favicon.ico 不起功效,或是要想让favicon.ico 的适配性更好,要应用下面几个流程:

1:查验网站根文件目录下面的favicon.ico,也便是:http://host/favicon.ico.,而并不是http://host/some/favicon.ico.

2:保证<link rel="icon" href="http://host/favicon.ico" type="image/x-icon" />

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

应用的是http://host/favicon.ico

3:假如你的网站带端口号,或是检测版本号的话,那末特别要留意360等访问器,它们在恳求favicon.ico 的情况下会忽视端口号号的。