基于黑莓手机浏览器的Web开发研究

we should try to make our HTML/CSS/Javascript code following W3C standard, it will work fine in BlackBerry browser.

BlackBerry Curve 8900 v4.6.1.94 is better than Blackberry 8830 v4.2.2.123,they have more different in view.

The default setting is unable css and javascript in blackberry,so we need to enable these at first.

Development web site for small device, we need follow following things:

1、  Creating content that adapts to different BlackBerry devices

We should create content that supports the multiple screen resolutions and sizes, and the different input and navigation methods available on BlackBerry devices.

Most standard web content is designed at widths of between 900 and 1100 pixels, while most BlackBerry devices have screens

between 240 and 480 pixels wide. You need to decide what content is essential for the purposes of the web page.

Typically, there are three or four structural components common to every web page.            

1 、 A page header. The header typically contains branding information such as a logo or banner image.

2 、 A navigation structure. The navigation is often in a side bar, or in a navigation bar located below the header.

3 、 The page content.

4 、 A page footer. Footers often include secondary navigation links or contact information.

We can use “user-agent” of request or “Request. Browser” object (must add “BrowserFile.browser” file or install “BlackBerry Plug-in for Microsoft Visual Studio”)

 to detect BlackBerry device.

BlackBerry Curve 8900’s screen size: 480×360

Blackberry 8830’s screen size: 320×240

You can use meta tag to control the BlackBerry Browser zoom level

< meta name ="HandheldFriendly" content ="true" />

    < meta name = "viewport" content ="width=device-width,height=device-height" />

<% --<meta name = "viewport" content="width=320,height=240" /> -- %>

Stacking the structural components vertically is the most effective layout. Avoid content has horizontal scrollbar, convenient for user to browser.

2、  Reducing the amount of data that must be transferred

Apply minimalism to your content. This does not mean stripping web pages to the bare minimum; include what is necessary

based on the purpose and audience of your content, and strike the right balance between keeping file sizes small, reducing

additional HTTP requests, and producing usable content.

3、  Caching BlackBerry Browser web resources efficiently

Effectively caching web resources on the BlackBerry? device can reduce the amount of data that must be transferred over the

wireless network. First-time visitors must wait for all the necessary components to be transferred. If components are cached, the

next time the user visits your web site, the BlackBerry? Browser can render content more quickly, since the amount of data that

must be retrieved from the server is reduced. The BlackBerry Browser respects all caching directives specified in either the content

header, or within HTML<meta>  tags.

4、  Creating usable form designs

Form layouts should be simple, structured, and flexible.

1 、 Use a two-column layout where horizontal space permits, with labels in the left column and form controls in the right column.

2 、 Use a single-column, vertical layout where the screen width prevents a usable two-column layout.

3 、 Use CSS to control form layout, rather than using tables.

4 、 Left-align form controls. Aligning form controls, such as text fields or list boxes.

5 、 Group related form elements together. Organizing elements into groups provides a visual and logical structure to form content 。

 

if you installed BlackBerry Plug-in for Microsoft Visual Studio,we can use “ BlackBerry : MasterPageFile, BlackBerry : Text ="Input date for BB" ” etc.