Custom iPhone Web Clip Icons
I was planning on writing about the Apple TV that I'm planning on buying soon, but instead I got caught up on iPhone Web Clips. Right after I installed the new iPhone update, I went to add my three favorite mobile sites, Twitter, Google Reader, and Facebook to my home screen. Suffice it to say that I was pretty disappointed when the three icons looked like white squares with some specks of dirt, thanks to their mobile-optimized design. I tried for about 10 minutes to come up with a way to write a page that will prepend the icon link to the mobile sites and give me custom icons, but nothing came out of that exercise.
Today, I came across a post by Paul Robinson linking to a solution to this by Matt McInerney. The solution is rather simple, and involves a few lines of Javascript to redirect visitors to the intended site after 2 seconds, enough time to hit the "+" button in MobileSafari and bookmark the page. I created pages for the three sites noted above, bookmarked them and then changed the redirect timeout to 0 seconds and voila, custom icons!
Technorati Tags: Apple, iPhone, Web Clips, Mobile Safari, JavaScript, redirect
Clint Ecker wrote:
You tried Ars, right? :D :D
Posted on 16-Jan-08 at 10:48 pm | Permalink
Martin wrote:
I added it because it looks nice, although I have to say that I rarely surf Ars from my iPhone because of RSS and the lack of a mobile site :-/
Posted on 16-Jan-08 at 11:13 pm | Permalink
Paul Robinson wrote:
Trust Apple to give us another fun distraction. I'm jiggly moving my Ipod Touch icons all over the place now. :)
Posted on 18-Jan-08 at 9:25 am | Permalink