Question

在Windows Phone 7上创建网站快捷方式时，它创建的图标是网站的快照，而不是我希望它显示的任何图标。例如，使用iOS我可以sepcify

<link rel="apple-touch-icon" href="Logo.ico" />

并使用该图标作为主屏幕图像。

我试过

<link rel="shortcut icon" href="Logo.ico" />

这似乎适用于IE，但不适用于IE mobile。

有没有人成功为Windows Phone 7 / IE7 mobile创建主屏幕图标？

Answer 1

我假设您指的是将网页固定到开始屏幕这是设计的。你无法改变它。

我认为你的意图是，你可以更好地了解在点击它时你将被带到哪里。如果您从同一站点固定多个页面（否则会有相同的图标），尤其如此。

如果可以设置自定义图标，则需要173x173像素，这与任何其他平台不同。因此会有很多网站/页面没有指定。如果后备是使用默认的favicon图像，这通常只有16x16（或32x32）像素，因此在173x173像素图块上看起来不太好。

Answer 2

您只需要一个.css文件，一个256x256的图像。

    .logo {
        display:none;
    }
    @media screen and (max-width: 480px) {
        .logo {
        display:block;
        text-align:center;
        width:auto;
        padding-top:32px !important;
        padding-bottom:32px !important;
        }
    }

在第一个html输出之前创建一个带有徽标类和256x256图像的div。

在诺基亚Lumia 800上测试

Answer 3

即使是艰难的马特莱西也是对的，有一种方法可以做到这一点。这不是一个很好的方式，但谷歌和其他人正在使用它。

创建一个除了瓷砖图标外没有任何内容的HTML页面。此页面重定向到您的实际网站。当然，每个人都必须将HTML页面固定在一起。您可以告诉访问者使用按钮或类似内容固定HTML页面。

OR

为每个想要将网站固定到开头的Windows手机用户为您的网站创建一个包含JavaScript的叠加层（由您网站上的“引脚启动”按钮确定）。关于那个的更多信息： http://www.russellbeattie.com/blog/creating-a-pinnable-windows-phone-7-tile-for-your-website-like-google

我现在正在寻找一种更好的方法来在WP8中为我的博客创建一个磁贴，但显然没有直接的方式。

Windows Phone 7互联网快捷方式图标

3 个答案: