如何禁止禁止uc浏览器访问网页去访问favicon.ico

来源：蜘蛛抓取(WebSpider) 时间：2016-09-18 03:29 标签： nginx 禁止浏览器访问
在线生成favicon.ico图标
favicon.ico预览
favicon.ico介绍 | What Is Favicon Ico
所谓favicon，即Favorites Icon的缩写，顾名思义，便是其可以让浏览器的收藏夹中除显示相应的标题外，还以图标的方式区别不同的网站。当然，这不仅仅是Favicon的全部，根据浏览器的不同，Favicon显示也有所区别：在大多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中，favicon不仅在收藏夹中显示，还会同时出现在地址栏上，这时用户可以拖曳favicon到桌面以建立到网站的快捷方式；除此之外，标签式浏览器甚至还有不少扩展的功能，如FireFox甚至支持动画格式的favicon等。
favicon.ico图标是网站的缩略标志，可以显示在浏览器标签、地址栏左边和收藏夹，是展示网站个性的缩略logo标志，也可以说是网站头像，如果要让网站看起来更专业、更美、更有个性，favicon.ico是必不可少的，所以你在本站使用ICO图标转换工具就可以轻松达到你的要求。
在我们的网站建设中，为网站打造一个契合网站主题的个性化标志则是必需的，这直接关系到能否成功地塑造网站的品牌。这从某些角度看仍在网站推广的范畴之内，而欲取得成功，不仅包括良好的页面设计、令人印象深刻的网站Logo，也包括favicon。
从特定的技术角度看，favicon也并不只是仅仅让网站给人更专业的观感，也可以在一定程度上减轻服务器的流量带宽占用：一般为了提高网站的可用性，我们都会为自己的网站创建一个自定义的404错误文件，在这种情况下，如果网站没有相应的favicon.ico文件，每当有用户收藏网站/网页时， Web服务器都会调用这个自定义的404文件，并在网站的错误日志中记录。这显然是应该予以避免的。
favicon.ico如何调用? | How To Use Favicon
在网页程序代码的head与/head之间加入下以代码:
如何制作favicon.ico图标 | How To Do
利用自己熟悉的图形软件制作 16*16 像素或 32*32 像素或 48*48 像素的效果图,保存为 .png 或 .gif 或 .jpg 格式的图片。
打开http://www.atool.org浏览刚保存的图片。
点击:"在线生成favicon.ico图标"。
按提示保存,并上传至网站根目录了。
怎么制作透明的favicon.ico图标 | How To Do
利用PS制作透明的png图标。
打开本工具浏览刚保存的图片。
点击:"在线生成favicon.ico图标"。
按提示保存,并上传至网站根目录了。
favicon.ico如何更新? | How To Update
关闭所有打开的浏览器，并清空浏览器缓存。
打开网站并加入收藏夹。
关闭浏览器,重新打开网站,就更新了。
若此时还未更新.ico图标,请稍等一会再打开浏览尝试。
如果使用的火狐或者chrome浏览器，则更新更加简单，使用火狐和chrome的隐私模式进行浏览即可更新缓存。
推荐功能 / 猜你喜欢 | Suggest
评论 | Comments
公众号: atool-org另外之前猜想Chrome是不是用缓存的Favicon图标，但后来测试发现不是，因为至我发文时，Google缓存我网站的Favicon图标依然是旧的。
再给一下Google缓存Favicon图标的地址，后面直接输入域名即可。
转载请注明来自：[]关于网站图标favicon.ico那点事儿，你造吗？ | 张戈博客
博客宗旨 把最实用的经验，分享给最需要的读者，希望每一位来访的朋友都能有所收获！
<span class="tipso_style" id="tip-w" data-tipso=''>
浏览 5270057
留言 15069
随便挑了些，看你喜欢嘛
更多精彩关于博客 张戈博客是关注互联网以及分享IT运维工作经验的个人博客，主要涵盖了操作系统运维、实用脚本编程以及博客网站建设等经验教程。我的博客宗旨：把最实用的经验，分享给最需要的读者，希望每一位来访的朋友都能有所收获！5196人阅读
HTML5（10）
随便打开一个网页：比如&
可以看到在浏览器的标签头上面显示了一个图标，这个图标是：，也就是我们常说的favicon.ico.
由于这篇文章主要讨论favicon.ico,以及各个浏览器对其的不同处理，所以还是新建web项目如下：
home.html 代码如下：
&!DOCTYPE html&
&html xmlns=&http://www.w3.org/1999/xhtml&&
&title&home page&/title&
&link rel=&icon& href=&Images/wangyi.ico& type=&image/x-icon& /&
&link rel=&shortcut icon& href=&Images/wangyi.ico& type=&image/x-icon& /&
下面两行代码就可以告诉浏览器使用wangyi.ico 作为home.html的图标了：
&link rel=&icon& href=&Images/wangyi.ico& type=&image/x-icon& /&
&link rel=&shortcut icon& href=&Images/wangyi.ico& type=&image/x-icon& /&
基本上所有的现代浏览器都支持这种写法，例如firefox，ie9.
可惜的是普通用户用的基本上是360浏览器，搜狗浏览器,qq浏览器等。
搜狗浏览器：
可以知道，我们在网站根目录下面的favicon.ico 起作用了，所以显示的是网站根目录下面的favicon.ico 图标。
打开360浏览器：
奇怪了，google的图标哪里来的。。。。？？？
我们的faviconTestWeb 只有3个图标，一个是wangyi.ico.baidu.ico.favicon.ico(cnblogs的图标)。
为什么使用360显示的是google的图标？
其实360浏览器在浏览网页的时候，它会忽略端口，也就是说，
firefox请求的是：link 的href所对应的图标。
搜狗浏览器等：请求的是.
360浏览器等：请求的是,
也就是不管你请求的是,还是,还是.
它请求的都是.
证据就是打开360se的安装目录：
所以如果你的网站favicon.ico 不起作用，或者是想要让favicon.ico 的兼容性更好，要使用下面几个步骤：
1：检查网站根目录下面的favicon.ico,也就是：.，而不是.
2：确保&link&rel=&icon&&href=&&&type=&image/x-icon&&/&
&&link&rel=&shortcut
icon&&href=&&&type=&image/x-icon&&/&
3：如果你的网站带端口，或者是测试版本的话，那么尤其要注意360等浏览器，它们在请求favicon.ico 的时候会忽略端口号的。
顺便推荐一篇文章：
打个广告：ico图标在线制作：
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：384448次
积分：3835
积分：3835
排名：第6265名
原创：38篇
转载：92篇
评论：46条
(2)(1)(2)(2)(1)(3)(2)(7)(2)(9)(6)(6)(1)(1)(4)(2)(10)(3)(1)(9)(1)(1)(1)(12)(1)(5)(1)(7)(1)(12)(16)(2)(1)

我要回帖

更多关于 nginx 禁止浏览器访问 的文章

 

随机推荐