我创建了一个新的rails3项目,但我在服务器日志中看到了多次跟踪日志.为什么我收到这些请求,我该如何避免这些？
在2012-09-18 20:03:53 +0530开始获取192.168.6.2的"/ apple-touch-icon-precomposed.png"
ActionController :: RoutingError(没有路由匹配[GET]"/ apple-touch-icon-precomposed.png"):
我没有在任何地方给出这个链接,也不想在任何地方渲染这个图像.我无法解释为什么要尝试加载此资源.
我正试图了解Favicons,Touch图标和现在的Tile图标所需的所有这些不同尺寸和格式.
我已经阅读了这篇文章:http: //www.jonathantneal.com/blog/understand-the-favicon 但我仍然有点朦胧,确切地说在所有设备和浏览器上看起来相当不错> = IE8 .
我想我应该创建以下内容:
ICO
favicon.ico(32x32)
PNG
favicon.png(96x96)
Tile Icon
tileicon.png(144x144)
Apple Touch图标
apple-touch-icon-precomposed.png(152x152)
基于此https://github.com/h5bp/html5-boilerplate/issues/1367
...然后使用此代码为他们服务？
<link rel="apple-touch-icon" href="path/to/touchicon.png">
<link rel="icon" href="path/to/favicon.png">
<!--[if IE]><link rel="shortcut icon" href="path/to/favicon.ico"><![endif]-->
<!-- or, set /favicon.ico for IE10 win -->
<meta name="msapplication-TileColor" content="#D83434">
<meta name="msapplication-TileImage" content="path/to/tileicon.png">
我错过了什么吗？
我不清楚这是否会涵盖IE 10？
我不确定应该是什么样的正确尺寸.
许多网站似乎都重复说苹果触摸图标应该是57x57像素,但引用了断开的链接作为其来源.
Hanselman和playgroundblues的评论提出了不同的规模,包括163x163和60x60.
Apple自己的apple.com图标是129x129!
请参阅我的相关问题: 如何为我的网站提供iPhone的图标？
到目前为止,我一直在脑海中包含Apple Touch图标的行,如下所示:
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
但是,在问答中"苹果触摸图标的正确像素尺寸是多少？" 在公认的答案中说明,根据Apple的指导原则,现在需要三张图片.
那么如何将这些插入代码的head部分呢？
我正在使用以下代码来获取移动设备的触摸图标 - 它基于html5boilerplate/mobile示例:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
<!-- For iPhone 4 with high-resolution Retina display: -->
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/img/touch/h/apple-touch-icon.png">
<!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
<link rel="apple-touch-icon-precomposed" href="/img/touch/l/apple-touch-icon.png">
<!-- For nokia devices: -->
<link rel="shortcut icon" href="/img/touch/apple-touch-icon.png">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
但由于某种原因,iPhone仍然给我主屏幕图标的问题.我得到的就是烦人的截图图标.
我已经在其中包含了其他元标记,以防它们解释为什么它不起作用.我试过重新排序标签.
谁能想到任何可能阻止图标被使用的东西？
我使用html5boilerplate/mobile作为测试用例 - 我可以浏览他们的网站并将图标添加到我的iPhone(4S iOS5)的主屏幕上.我已经尝试将他们的代码,文件夹结构和图标复制到我自己的网站中,但这不起作用.
有任何想法吗？
如何为我创建的网站设置iPhone上显示的图标？
我们为以下两个文件持续获得404:
/apple-touch-icon-precomposed.png: 685 Time(s)
/apple-touch-icon.png: 523 Time(s)
我一直在搜索我的移动网站存档,因为这个404的罪魁祸首,我的代码中没有任何地方可以指向apple-touch-icon.png.
Find in folder...在Sublime Text 2中执行一个零结果apple-touch-icon:
Searching 100 files for "apple-touch-icon"
0 matches across 0 files
我们正在为webapps使用Apple meta标签:
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
使用这些元标记会导致iPhone apple-touch-icon默认搜索吗？我们没有提供图标,但我们应该是吗？我们真的只想删除这个404.
浏览Apple的开发者文档没有提供任何强化我的理论的提示.
当我们发现这种情况发生在iOS和Android上时,无论浏览器如何,情节都会变得更加浓密.Firefox,Safari和Chrome都试图找到这个apple-touch-icon.
我使用HTML5 Mobile Boilerplate作为我的WebApp的启动器,它有一个名为的文件helper.js. helper.js我在我们的代码中删除了这个函数:
/**
* iOS Startup Image helper
*/
MBP.startupImage = function() {
var portrait;
var landscape;
var pixelRatio;
var head;
var link1;
var link2;
pixelRatio = window.devicePixelRatio;
head = …是否可以(或很快支持)用单个SVG替换所有触摸图标？
所以,而不是;
<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144.png">
......只有一个;
<link rel="apple-touch-icon" href="/apple-touch-icon.svg">
我想将这些资源的请求重定向到我的CDN.有没有理由不这样做？
我的苹果触摸图标中的白色背景变黑？我的白色背景不透明.图标有白色三角形,红色圆圈和黑色文字.我唯一能说的就是白色三角形和红色圆圈.有什么想法导致这个以及如何使图标保持其白色背景？非常感激.