iPhone Safari Dev Stuff

So I have been doing a lot of web dev, particularly for an iPhone project I am working on and wanted to share some of the things I stumbled upon. I usually don't write posts like this but since The Googster made some of this info overly complicated to find I thought: Why Not? Some of this stuff might make you say "Duh!" while others might make you say "Ahh. Interesting...". So anyway, here we go:

1) Custom Touch Icon
You can create a custom iPhone/Touch icon to display proudly on the homescreen by including :
in the header of your website. Or you can simply place a file in your root directory named: "apple-touch-icon.png".

2) Scale To Screen
You can make a website scale magically to the iPhones pretty little screen by including this code in your header:


3) Remove Chrome
Make your site act like a native iPhone app by removing all navigation and url bar.


However, this will leave the top info bar which includes the Phone's signal, time & battery. Turn that bar black by adding:


Notes:
1) In order to view your site without the chrome (assuming you included this feature), you must a) visit the site b) add the site to your homescreen. Then when you launch the site from your homescreen, the chrome will be gonzo.

2) There are some serious bugs with the links in your new chromeless site. In some cases the links close the app, launch Safari and open in there (Super lame!). Now some users report that this is fixed with 2.2 but I still seem to have the problem. One guy discovered that the links work if they are converted into form submissions and designed some crazy run-around using jquery to fix it.

3) When you launch a "apple-mobile-web-app-capable" site it seems to load instantly but it is totally a trick! The iPhone is really displaying a screenshot aka a splashscreen of the site while its loads the real site in the background.

If you knew all of that and have no idea why you read this far, maybe you can help me with this stuff:

Questions:
1) Is anyone else having trouble with links from "apple-mobile-web-app-capable" sites launching in Safari? Ive got one project where my "apple-mobile-web-app-capable" site has 2 frames and the links "target" eachother. Not looking like that will ever be possible.

2) I read somewhere that including a file named "default.png" in your root directory will replace the screenshot / splash screen that appears when you first launch the app. I know this is the case with apps submitted to the app store but has anyone got this working with "apple-mobile-web-app-capable" apps yet?
http://www.oakley-sunglasses.ar.com/
http://www.oakley--sunglasses.eu.com/
http://www.oakleysunglasses.qc.com/
http://www.rayban-sunglasses.net.co/
http://www.raybansunglasses.gr.com/
http://www.raybanglasses.in.net/
http://www.polo--ralphlauren.net/
http://www.ralphlauren-outlet.in.net/
http://www.burberry-outlet-online.us/
http://www.burberry-sale.in.net/
http://www.toms-shoes.us.org/
http://www.tomsoutlet.com.co/
http://www.michael--korsoutlet.net/
http://www.michaelkors-outlet-online.net/
http://www.christian--louboutin.net/
http://www.tory--burch.org/
http://www.toryburch-outlet.net/
http://www.gucci--outlet.net/
http://www.guccioutletsale.in.net/
http://www.jordanshoes.in.net/
http://www.air-jordan.in.net/
http://www.cheap-jordans.in.net/
http://www.jordansretro.in.net/
http://www.nikeshoesinc.net/
http://www.nike-shoes.in.net/
http://www.air-max-2015.net/
http://www.airmax-90.in.net/
http://www.airmax-95.in.net/
http://www.nike-free-run.net/
http://www.nikefree-5.com/
http://www.chanel--handbags.net/
http://www.chanel-bags.in.net/
http://www.true-religion.cc/
http://www.north-faceoutlet.in.net/
http://www.coachoutlet-store.in.net/
http://www.abercrombie.ar.com/
http://www.hollister.cn.com/
http://www.hermes.us.org/
http://www.new-balanceoutlet.net/
http://www.reebok-shoes.net/
 cmoutlet 16 Oct 2015 12:27 am

http://www.oakleysunglasses.ar.com/
http://www.oakley--sunglasses.com.co/
http://www.oakleysunglassesoutlet.us.org/
http://www.oakleysunglasses.us.com/
http://www.cheapoakleysunglasses.us.com/
http://www.raybansunglasses.us.com/
http://www.raybansunglasses.ar.com/
http://www.rayban--sunglasses.org/
http://www.polo-ralph-lauren.in.net/
http://www.poloralphlaurenoutlet.us.org/
http://www.burberry-outlet.us.org/
http://www.burberryoutletstore.com.co/
http://www.michaelkors-outlet-online.us.org/
http://www.outletonline-michaelkors.com/
http://www.michaelkorsoutlets-online.us.com/
http://www.michael-korsoutlet.in.net/
http://www.michaelkorsoutlet-store.in.net/
http://www.michaelkors-handbags.in.net/
http://www.uggs-outletboots.in.net/
http://www.uggboot.in.net/
http://www.uggs-outlet.in.net/
http://www.cheapuggboots.in.net/
http://www.cheap-uggs.in.net/
http://www.louisvuitton-outlet-online.org/
http://www.louisvuitton-outlets.org/
http://www.louisvuitton.ar.com/
http://www.louisvuittonoutlet-store.org/
http://www.louis-vuittonhandbags.org/
http://www.redbottoms.in.net/
http://www.christianlouboutin-outlet.in.net/
http://www.christian-louboutin-shoes.in.net/
 king 27 Sep 2015 05:46 pm


Get notified next time I post. Three ways to subscribe:
RSS Email Twitter

© 2009 BrainBackup.net | All Rights Reserved.