This is Niksy's TypePad Profile.
Join TypePad and start following Niksy's activity
Niksy
Recent Activity
Maybe you could try inspecting for device pixel ratio with JS?
var head = document.getElementsByTagName('head')[0];
var link = document.createElement('link');
link.rel = 'apple-touch-icon-precomposed';
if(window.devicePixelRatio < 2) {
link.href='favicon.png';
} else {
link.href='favicon@2x.png';
}
head.appendChild(link);
Haven’t tried it since I don’t have iPhone 4, but debugging in Chrome showed correct results while changing if/else statements.
Can someone try this with iPhone 4?
iOS 4 Web App Home Screen Icon Bug
iOS 4 has an annoying bug for web app developers. If you use the `apple-mobile-web-app-capable` feature to indicate that your site should launch as it’s own app rather than open in Safari, the OS creates a low-resolution version of your apple-touch-icon on the home screen: 