关于网站icon小图标在网站上不显示的问题解决办法

关于网站icon小图标在网站上不显示的问题

1、首先要明确哪些浏览器是可以在进行本地测试时可以通过link标签加载ICO文件。
我所知道的支持上述条件的浏览器有，Chrome、Opera以及Firefox。
我所知道不支持上述条件的浏览器有，Edge、IE以及Safari。

PS:经过我的测试IE11浏览器是可以支持通过标签加载ICO文件的，并且上述浏览器我并没有全部都进行测试，测试过的浏览器只有Edge以及IE两款，并且我个人十分推荐Chrome浏览器，各种意义上的。

2、浏览器缓存问题。
作为可能存在的问题之一我把它列在了第二点可能发生的问题处，至于如何清理相应的服务器缓存请自行查询，该文章不一一赘述了。

3、文件问题。
一定要是ICO文件，当然自己改文件后缀是不行的，虽然这种事一般人干不出来我还是提一嘴。
ICO文件的制作我个人推荐比特虫，经过测试16x16到128x128的图片都可以被成功加载，根据需求制作想要的ICO文件。

PS:一般ICO文件的大小是16*16，如果太大要降低加载速度的嘛。

4、代码问题。

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><!--edge、ie不支持本地测试--><link rel="shortcut icon" href="https://www.bilibili.com/favicon.ico" type="image/x-icon" /><title></title></head><body></body>
</html>

href中尽量填写绝对路径，说白了就是你输入到地址栏按回车可以直接显示ICO图片文件的那个路径。并且一般favicon.ico文件都放在项目根目录下，我的是这样写的。

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

这篇文章可能有不充足的部分，如果可以请在评论区留言。

关于网站icon小图标在网站上不显示的问题解决办法相关推荐

为网站文字前面添加图标在线调用 Font Awesome 字体icon小图标美化网站
一.如何开始 1.将下面的代码复制粘贴到HTML页面面的 <head> 下面 <link rel="stylesheet" href="https:// ...
icon小图标集合网站
http://www.iconfont.cn/?spm=a313x.7781069.1998910419.d4d0a486a
html title中加图标,科技常识：HTML中title前面小图标的实现_如何给网页标题添加icon小图标...
今天小编跟大家讲解下有关HTML中title前面小图标的实现_如何给网页标题添加icon小图标 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关HTML中title前面小图标的实现_如何给网 ...
在网页中画Icon小图标
在网页中画Icon小图标. 现代网页中,绝大部分都采用了Icon小图标的方式.其积分大致分为三类,CSS Sprite,font+HTML,font+CSS. CSS Sprite:又称为CSS雪碧, ...
将图片转换成svg文件，自定义icon小图标，svg速成
将图片转换成svg文件,自定义icon小图标,svg速成一.svg是什么? 二.操作步骤 1.进入网站 2.将svg复制 3.引用svg文件总结一.svg是什么? SVG是一种图像文件格式,它的 ...
fontAwesome代替网页icon小图标
fontAwesome代替网页icon小图标引言奥森图标(Font Awesome)提供丰富的矢量字体图标-通过CSS可以任意控制所有图标的大小 ,颜色,阴影. 网页小图标到处可见,如果一个网页都 ...
给网页标题添加icon小图标
so easy: 给网页标题添加icon小图标: 直接在html文件的head部分添加下面代码(注意href的路径): <link rel="icon" type=" ...
css代码实现各式各样的icon小图标
下载地址 css代码实现各式各样的icon小图标样式 dd:
天气icon小图标svg动画js特效代码
下载地址很多种天气小图标svg代码,天气icon小图标svg动画特效代码 dd:
微信小程序部分安卓机型无法保存图片的问题解决办法
微信小程序部分安卓机型无法保存图片的问题解决办法 == 问题描述:项目中保存图片到本地相册的功能部分机型出现bug,测试发现问题在部分安卓机型上复现== 原因是:部分安卓手机调用 wx.downloa ...

关于网站icon小图标在网站上不显示的问题解决办法

关于网站icon小图标在网站上不显示的问题

关于网站icon小图标在网站上不显示的问题解决办法相关推荐

最新文章

热门文章