固定站点为Windows磁贴

对于一些常用的功能性网站,将他们固定为windows开始菜单里的磁贴多多少少可以带来一些访问上的便利。尽管每个人都使用习惯迥异,不过总还是有些人热衷去体验系统更新带来的变化。win10公测开始我就毫不犹豫放弃了win7,不过个人并没有使用win8的经验,因为从windows95一路而来的开始菜单的缺失令我无法忍受。win10的开始菜单很好用,win7确实可以安息了...所以就从win10开始吧。

固定磁贴的代码很简单,在meta标签里指定对应的磁贴图片即可,例如:

<meta name="msapplication-square150x150logo" content="image-url.png"/>

如同字面上一样容易理解,指定的是150x150的图片位置。当然看完微软的参考资料:Pinned site metadata reference,可以指定出相当复杂完整的列表,不过倒不是非常有必要。如果觉得编写不方便,通过buildmypinnedsite这个工具网站也可以很方便生成代码,不过生成质量一般。比如:

<meta name="msapplication-square310x310logo" content="/msapplication-square310x310logo.png" />
<meta name="msapplication-wide310x150logo" content="/msapplication-wide310x150logo.png" />
<meta name="msapplication-square150x150logo" content="/msapplication-square150x150logo.png" />
<meta name="msapplication-square70x70logo" content="/msapplication-square70x70logo.png" />

内容也可以配置在browserconfig.xml中然后通过meta引用,这也是更为推荐的做法。设置好meta之后,就可以打开edge浏览器,将网站“固定到开始屏幕”了。

固定到开始屏幕

用作实例的是我自己的向日葵头像,对Metro来说相当的不搭。所以比较好的图片应该是半透明白色icon,就像windows自身的风格一样。

对于一个用户频繁访问的网站来说这么做是有意义的,简单的配置给用户一条通往网站的捷径,特别是对于那些确实有这种系统使用习惯的人而言。不过不知是什么原因,类似京东淘宝这样的最符合用列的网站却并没有这么做,无奈我只能举例:什么值得买~

另外,想起之前写的定义 iOS 设备的网页图标,其实本质上是一样的东西。

最后说个注意点,在选择图片的时候务必慎重些,因为固定到开始屏幕之后,图片在客户端是有缓存的。如果你不小心被客户缓存了测试的icon就真心烦人了。我搜索并尝试了约半小时都未能正确的去掉缓存下来的icon,而且无资料说明缓存时间是多久...所以对于用户来说要去掉几乎是不可能的。并且如果你在测试时花了很多时间去清除缓存仍然未果,那么更换操作用户是最快的选择。(win10最新的更新似乎已经修正了这个问题)


评论加载中...

Disqus提供评论支持,如果评论长时间未加载,请飞跃长城。