android - Keep getting 404's for apple-touch-icon.png -



android - Keep getting 404's for apple-touch-icon.png -

we maintain getting 404's next 2 files:

/apple-touch-icon-precomposed.png: 685 time(s) /apple-touch-icon.png: 523 time(s)

i have been scouring mobile website archive culprit 404, , there no place in code directing apple-touch-icon.png.

performing find in folder... in sublime text 2 provides 0 results apple-touch-icon:

searching 100 files "apple-touch-icon" 0 matches across 0 files

we using apple meta tags webapps:

<meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black">

will usage of these meta tags cause iphone search apple-touch-icon default? not providing icon, should be? remove 404.

browsing apple's developer documentation provided no hints reinforce theory.

the plot thickens farther when discovered happening on ios , android, regardless of browser. firefox, safari, & chrome trying find apple-touch-icon.

i used html5 mobile boilerplate starter webapp, has file called helper.js. helper.js has function within of removed our code:

/** * ios startup image helper */ mbp.startupimage = function() { var portrait; var landscape; var pixelratio; var head; var link1; var link2; pixelratio = window.devicepixelratio; head = document.getelementsbytagname('head')[0]; if (navigator.platform === 'ipad') { portrait = pixelratio === 2 ? 'img/startup/startup-tablet-portrait-retina.png' : 'img/startup/startup-tablet-portrait.png'; landscape = pixelratio === 2 ? 'img/startup/startup-tablet-landscape-retina.png' : 'img/startup/startup-tablet-landscape.png'; link1 = document.createelement('link'); link1.setattribute('rel', 'apple-touch-startup-image'); link1.setattribute('media', 'screen , (orientation: portrait)'); link1.setattribute('href', portrait); head.appendchild(link1); link2 = document.createelement('link'); link2.setattribute('rel', 'apple-touch-startup-image'); link2.setattribute('media', 'screen , (orientation: landscape)'); link2.setattribute('href', landscape); head.appendchild(link2); } else { portrait = pixelratio === 2 ? "img/startup/startup-retina.png" : "img/startup/startup.png"; portrait = screen.height === 568 ? "img/startup/startup-retina-4in.png" : portrait; link1 = document.createelement('link'); link1.setattribute('rel', 'apple-touch-startup-image'); link1.setattribute('href', portrait); head.appendchild(link1); } //hack prepare letterboxed total screen web apps on 4" iphone / ipod if ((navigator.platform === 'iphone' || 'ipod') && (screen.height === 568)) { if (mbp.viewportmeta) { mbp.viewportmeta.content = mbp.viewportmeta.content .replace(/\bwidth\s*=\s*320\b/, 'width=320.1') .replace(/\bwidth\s*=\s*device-width\b/, ''); } } };

after removing this, still 404's. stumped. help appreciated.

will usage of these meta tags cause iphone search apple-touch-icon default? not providing icon, should be? remove 404.

yes. wenn add

<meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black">

to site means user can create bookmark on home screen not opened in safari in webview looks "native" app. should provide these images kind of app icon home screen.

this might hint looking for: http://developer.apple.com/library/ios/#documentation/appleapplications/reference/safariwebcontent/configuringwebapplications/configuringwebapplications.html

android ios google-chrome safari apple-touch-icon

Comments

Popular posts from this blog

web services - java.lang.NoClassDefFoundError: Could not initialize class net.sf.cglib.proxy.Enhancer -

Accessing MATLAB's unicode strings from C -

javascript - mongodb won't find my schema method in nested container -