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
Popular Stories
Apple today announced that its next-generation CarPlay experience, now dubbed "CarPlay Ultra" begins rolling out today, starting with Aston Martin vehicles.
Subscribe to the MacRumors YouTube channel for more videos.
CarPlay Ultra is now available with new Aston Martin vehicle orders in the U.S. and Canada. It will also be available for existing models that feature the brand's next-generation ...
Apple's recently announced CarPlay Ultra promises a deeply integrated in-car experience, but not all iPhone users will be able to take advantage of the new feature.
According to Apple's press release, CarPlay Ultra requires an iPhone 12 or later running iOS 18.5 or later. This means if you're using an iPhone 11, iPhone XR, or any older model, you'll need to upgrade your device to access...
Apple today released iOS 18.5 and iPadOS 18.5, the fifth updates to the iOS 18 and iPadOS 18 operating systems that came out last September. iOS 18.5 and iPadOS 18.5 come a little over a month after Apple released iOS 18.4 and iPadOS 18.4.
The new software can be downloaded on eligible iPhones and iPads over-the-air by going to Settings > General > Software Update. The iOS 18.5 update has a...
President Donald Trump has asked Apple CEO Tim Cook to halt the company's manufacturing expansion in India, in a potential disruption of Apple's plan to shift iPhone production away from China.
"I had a little problem with Tim Cook yesterday," Trump said during his state visit to Qatar, according to Bloomberg. "He is building all over India."
"They [India] have offered us a deal where...
Apple today announced the launch of CarPlay Ultra, the long-awaited next-generation version of its CarPlay software system for vehicles.
CarPlay Ultra features deep integration with a vehicle's instrument cluster and systems, built-in Radio and Climate apps, customizable widgets, and more. The interface is tailored to each vehicle model and automaker's identity, and drivers can also adjust...
Apple this week introduced a new feature designed to allow prospective Apple Music users to import their saved music and playlists from third-party music services to Apple Music.
The feature is either in an expanded testing phase or it has started rolling out, and it is available in Australia and New Zealand according to an Apple Support document. Signs of the transfer option first surfaced...
The first videos of Apple's CarPlay Ultra experience are now available, providing a never-before-seen look at the long-anticipated iPhone-linked infotainment software.
British automaker Aston Martin today shared the first video of Apple's CarPlay Ultra experience in-action, followed by a detailed walk-through of the CarPlay Ultra system on Top Gear's YouTube channel, which provides the...