Dashcode网络剪辑图标,我已经尝试了一切,它不会出现

时间:2011-07-31 22:46:55

标签: html favicon dashcode apple-touch-icon

我无法显示我的dashcode网络剪辑图标,它只显示了Safari生成的图标。我尝试使用dashcode来设计它,然后我使用了代码

<link rel="apple-touch-icon" href="Images/WebClipIcon.png">

我还尝试将名为apple-touch-icon.png的文件添加到根文件夹中,但仍然无效。我在模拟器,iphone和ipad上运行了该站点,并且不会显示自定义Web剪辑图标。有没有人有建议

更新:我刚刚创建了一个新的破折号项目,并尝试添加一个webclip图标,但它仍然无效。这真的让我感到沮丧。

2 个答案:

答案 0 :(得分:1)

您需要将图像添加到移动照片外的图像文件

答案 1 :(得分:0)

我会为我添加一个导致此问题的事情。在尝试了所有记录的修复后,我尝试在我的图标中添加背景颜色。最初,我有一个透明的背景。一旦我为.png文件添加了背景颜色,它就完全正常了。

我的步骤: 使用GIMP创建具有7个图层和透明背景图层的72x72图像。 将副本另存为apple-touch-icon.png并添加到我的Web应用程序的根文件夹中。 在运行IOS 5.0.1的iPad 2上启动网站。 “添加到主屏幕” 结果:主屏幕上出现黑色图标。 回到GIMP,用一种颜色填充背景。 覆盖我的.png文件。 回到iPad safari重新加载该网站。 “添加到主屏幕” 该图标现在显示为已记录。

我的结论是:图标图片中充足或放置良好的透明区域会阻止iOS将其视为有效并导致其被拒绝。