iPhone Browser Capabilities and Guidelines

University of Washington's Emerging Technology group published notes from Apple's Developing Web Sites for iPhone session from WWDC last week. The blog entry provides some interesting information for users and web developers alike about the iPhone's capabilities, and has been summarized below.

Apple listed what the iPhone offers for websites:

Removed per Apple's request

A few iPhone size limitations / restrictions are noted in developing for the iPhone:

Removed per Apple's Request

Apple recommends the following design considerations:

Removed per Apple's Request

Apple's iPhone comes out on June 29th, 2007. At WWDC, Apple announced that Web-based applications will be the only way for 3rd party developers to produce applications for the iPhone.- 10MB max html size for web page
- Javascript limited to 5 seconds run time
- Javascript allocations limited to 10MB
- 8 documents maximum loaded on the iPhone due to page view limitations
- Quicktime used for audio and video

- the page view feature lets you look at multiple websites and documents by scrolling thru them one after another
- Full PDF support
- double tap for zoom in
- one finger as a mouse used to
-- pan page
-- press and hold to display the information bubble
- two fingers as a mouse used to
-- pinch content to shrink - zoom out
-- pan page
-- scroll wheel events
- new telephone links allows you to integrate phone calls directly from your webpage. remember this is only on safari.
- built in google maps client for integrated mapping from your website

- separate html and css
- use well structured and valid html
- size images appropriately dont rely on browser scaling
- tile small images in backgrounds, dont use large backgroung images
- iPhone supports both EDGE and WiFi. EDGE pipe is smaller than WIFI pipe so think about bandwidth when developing.
- XHTML mobile documents supported
- stylesheet device width:480px
- apply different css for the iPhone. For example displaying a one column page for iphone vs a 3 column page on a desktop.
- there are no scroll bars or resize knobs. the iphone will automatically expand the content
- Avoid framesets, scrollable frames are automatically expanded to fit the content
- iPhone User Agent: Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1A538a Safari/419.3
- Video: H.264 baseline profile level 3.0 up to 640480 fps

Related Forum: iPhone

Popular Stories

iOS 18 Siri Integrated Feature

iOS 18 Rumored to Add These 10 New Features to Your iPhone

Wednesday April 24, 2024 2:05 pm PDT by
Apple is set to unveil iOS 18 during its WWDC keynote on June 10, so the software update is a little over six weeks away from being announced. Below, we recap rumored features and changes planned for the iPhone with iOS 18. iOS 18 will reportedly be the "biggest" update in the iPhone's history, with new ChatGPT-inspired generative AI features, a more customizable Home Screen, and much more....
apple id account

Apple ID Accounts Logging Out Users and Requiring Password Reset

Saturday April 27, 2024 12:41 am PDT by
There are widespread reports of Apple users being locked out of their Apple ID overnight for no apparent reason, requiring a password reset before they can log in again. Users say the sudden inexplicable Apple ID sign-out is occurring across multiple devices. When they attempt to sign in again they are locked out of their account and asked to reset their password in order to regain access. ...
macos sonoma feature purple green

Apple's Regular Mac Base RAM Boosts Ended When Tim Cook Took Over

Friday April 26, 2024 6:34 am PDT by
Apple used to regularly increase the base memory of its Macs up until 2011, the same year Tim Cook was appointed CEO, charts posted on Mastodon by David Schaub show. Earlier this year, Schaub generated two charts: One showing the base memory capacities of Apple's all-in-one Macs from 1984 onwards, and a second depicting Apple's consumer laptop base RAM from 1999 onwards. Both charts were...
maxresdefault

The MacRumors Show: Apple's iPad Event Finally Announced!

Friday April 26, 2024 8:31 am PDT by
On this week's episode of The MacRumors Show, we discuss the announcement of Apple's upcoming "Let loose" event, where the company is widely expected to announce new iPad models and accessories. Subscribe to The MacRumors Show YouTube channel for more videos Apple's event invite shows an artistic render of an Apple Pencil, suggesting that iPads will be a focus of the event. Apple CEO Tim...
ipad pro 2022

Apple Event Rumors: iPad Pro With M4 Chip and New Apple Pencil With Haptic Feedback

Sunday April 28, 2024 6:19 am PDT by
In his Power On newsletter today, Bloomberg's Mark Gurman outlined some of the new products he expects Apple to announce at its "Let Loose" event on May 7. First, Gurman now believes there is a "strong possibility" that the upcoming iPad Pro models will be equipped with Apple's next-generation M4 chip, rather than the M3 chip that debuted in the MacBook Pro and iMac six months ago. He said a ...
maxresdefault

Apple Announces 'Let Loose' Event on May 7 Amid Rumors of New iPads

Tuesday April 23, 2024 7:11 am PDT by
Apple has announced it will be holding a special event on Tuesday, May 7 at 7 a.m. Pacific Time (10 a.m. Eastern Time), with a live stream to be available on Apple.com and on YouTube as usual. The event invitation has a tagline of "Let Loose" and shows an artistic render of an Apple Pencil, suggesting that iPads will be a focus of the event. Subscribe to the MacRumors YouTube channel for more ...