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

General Apps Messages

Apple Announces 'Groundbreaking' New Security Protocol for iMessage

Wednesday February 21, 2024 6:00 am PST by
Apple today announced a new post-quantum cryptographic protocol for iMessage called PQ3. Apple says this "groundbreaking" and "state-of-the-art" protocol provides "extensive defenses against even highly sophisticated quantum attacks." Apple believes the PQ3 protocol's protections "surpass those in all other widely deployed messaging apps," according to its blog post:Today we are announcing...
iOS 17

iOS 17.4 Will Add These New Features to Your iPhone

Monday February 19, 2024 6:52 am PST by
Apple last month confirmed that iOS 17.4 will be released in March, and the update includes several new features and changes for the iPhone. Key new features in iOS 17.4 include major App Store changes in the EU and Apple Podcasts transcripts. The update also adds new emoji and includes preparations for the launch of next-generation CarPlay later this year. More details about the new...
Beyond iPhone 13 Better Blue Face ID Single Camera Hole

Six Reasons to Wait for Next Year's iPhone 17

Thursday February 22, 2024 4:20 am PST by
Apple's iPhone development roadmap runs several years into the future and the company is continually working with suppliers on several successive iPhone models concurrently, which is why we sometimes get rumored feature leaks so far ahead of launch. The iPhone 17 series is no different, and already we have some idea of what to expect from Apple's 2025 smartphone lineup. If you plan to skip...
samsung galaxy ring

'Apple Ring' Allegedly in Development to Rival Samsung Galaxy Ring

Tuesday February 20, 2024 2:27 am PST by
Apple is speeding up development of a smart ring that can be worn on the finger to track users' health biometrics, claims a new report coming out of Korea. Teaser image of Samsung Galaxy Ring shown at Galaxy Unpacked in January Apple has toyed with the idea of a ring wearable for several years, as indicated by several patents, but with Samsung preparing to bring its own product to market, the ...
volvo s60 drivers apple maps

iOS 17.4 Beta Adds CarPlay Option to Show Upcoming Maneuvers in Instrument Cluster

Tuesday February 20, 2024 10:47 am PST by
The fourth beta of iOS 17.4 that Apple released today adds a new CarPlay feature, according to the notes that Apple provided to developers. In supported CarPlay vehicles, there's now an Apple Maps option to show information about upcoming maneuvers in the instrument cluster. CarPlay users will be able to swap the display type between the main and instrument cluster by tapping on the map...
iPad Pro OLED Feature 2

Apple's Upcoming OLED iPad Pro Models Rumored to Be Much Thinner

Tuesday February 20, 2024 1:39 pm PST by
Apple is planning to update the iPad Air and iPad Pro lineups as soon as March, and the new iPad Pro models will be significantly thinner according to dimensions shared by 9to5Mac. Citing sources with knowledge of Apple's plans, the site claims that the larger version will be more than 1mm thinner. The current 12.9-inch iPad Pro measures in at 6.4mm thick, but the new model is said to be 5mm ...
Oled iPads and MackBook Pro Notch

Apple's OLED Roadmap: New iPad Mini, Foldable iPad Pro, and More

Wednesday February 21, 2024 5:29 am PST by
Apple is planning to launch at least nine new devices with OLED displays across the iPad and MacBook product lines, according to an updated forecast from research firm Omdia that sets out the company's plans in detail. As widely rumored, Apple's push to transition to OLED will apparently be jump-started by the release of new 11- and 13-inch iPad Pro models this year. The displays will...
m3 macbook pro 14 16

Apple Now Selling Refurbished M3 Pro and M3 Max MacBook Pro Models

Monday February 19, 2024 5:04 pm PST by
Apple today began offering refurbished versions of the 14-inch and 16-inch MacBook Pro models with M3 Pro and M3 Max chip options, offering the machines at a discount for the first time since their October 2023 release. The release of M3 Pro and M3 Max models on Apple's refurbished store comes almost two weeks after the entry-level 14-inch M3 MacBook Pro first appeared on the store....