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

iPhone SE 4 Thumb 1

iPhone SE 4 With Apple's Own 5G Modem 'Confirmed' to Launch in March

Tuesday November 19, 2024 12:12 pm PST by
Barclays analyst Tom O'Malley and his colleagues recently traveled to Asia to meet with various electronics manufacturers and suppliers. In a research note this week, outlining key takeaways from the trip, the analysts said they have "confirmed" that a fourth-generation iPhone SE with an Apple-designed 5G modem is slated to launch towards the end of the first quarter next year. In line with previo...
airtag purple

AirTag 2 Rumored to Launch Next Year With These New Features

Sunday November 17, 2024 5:18 am PST by
Apple released the AirTag in April 2021, so it is now three over and a half years old. While the AirTag has not received any hardware updates since then, a new version of the item tracking accessory is rumored to be in development. Below, we recap rumors about a second-generation AirTag. Timing Apple is aiming to release a new AirTag in mid-2025, according to Bloomberg's Mark Gurman....
Magic Mouse Next to Keyboard

No, Apple CEO Tim Cook Didn't Say He Prefers Logitech's MX Master 3 Over the Magic Mouse

Sunday November 17, 2024 3:03 pm PST by
While the Logitech MX Master 3 is a terrific mouse for the Mac, reports claiming that Apple CEO Tim Cook prefers that mouse over the Magic Mouse are false. The Wall Street Journal last month published an interview with Cook, in which he said he uses every Apple product every day. Soon after, The Verge's Wes Davis attempted to replicate using every Apple product in a single day. During that...
Generic iOS 18 Feature Real Mock

Apple Releases iOS 18.1.1 and iPadOS 18.1.1 With Security Fixes

Tuesday November 19, 2024 10:10 am PST by
Apple today released iOS 18.1.1 and iPadOS 18.1.1, minor updates to the iOS 18 and iPadOS 18 operating systems that debuted earlier in September. iOS 18.1.1 and iPadOS 18.1.1 come three weeks after the launch of iOS 18.1. The new software can be downloaded on eligible iPhones and iPads over-the-air by going to Settings > General > Software Update. Apple has also released iOS 17.7.2 for...
at t turbo indicator iphone 16 pro max v0 8hrh7w5f3w1e1

AT&T Turbo Indicator Showing Up in iPhone Status Bar for Subscribers

Wednesday November 20, 2024 3:42 am PST by
AT&T has begun displaying "Turbo" in the iPhone carrier label for customers subscribed to its premium network prioritization service, according to reports on Reddit. The new indicator seems to have started appearing after users updated to iOS 18.1.1, but that could be just coincidence. Image credit: Reddit user No_Highlight7476 The Turbo feature provides enhanced network performance through ...
iPhone 17 Slim Feature Single Camera 1 Redux

'iPhone 17 Air' Rumored to Surpass iPhone 6 as Thinnest iPhone Ever

Monday November 18, 2024 1:07 pm PST by
In a research note with Hong Kong-based investment bank Haitong today, obtained by MacRumors, Apple analyst Jeff Pu said he agrees with a recent rumor claiming that the so-called "iPhone 17 Air" will be around 6mm thick. "We agreed with the recent chatter of an 6mm thickness ultra-slim design of the iPhone 17 Slim model," he wrote. If that measurement proves to be accurate, there would be ...
bug security vulnerability issue fix larry

Make Sure to Update: iOS 18.1.1 and macOS Sequoia 15.1.1 Fix Actively Exploited Vulnerabilities

Tuesday November 19, 2024 10:52 am PST by
The iOS 18.1.1, iPadOS 18.1.1, and macOS Sequoia 15.1.1 updates that Apple released today address JavaScriptCore and WebKit vulnerabilities that Apple says have been actively exploited on some devices. With the JavaScriptCore vulnerability, processing maliciously crafted web content could lead to arbitrary code execution. The WebKit vulnerability had the same issue with maliciously crafted...