Mobile Web应用开发的BP

Mobile Web应用开发的BP

Android移动终端web应用的开发与传统桌面web应用有很大区别。主要体现在
mobile context
delivery context ( device context )

 收集切题的工程实践，这些工程实践有助于改善用户体验，规避一些不好的实践。

Table of Contents

1 Introduction
1.1 Purpose of the Document
1.2 Audience
1.3 Scope
1.3.1 Best Practices
1.3.2 Web Application
1.3.3 Mobile Context
1.3.4 Delivery Context
1.4 Relationship to other Best Practices and recommendations
1.5 Terminology
2 Structure of Best Practice Statements
3 Best Practice Statements
3.1 Application Data
3.1.1 Use Cookies Sparingly
3.1.2 Use Appropriate Client-Side Storage Technologies for Local Data
3.1.3 Replicate Local Data
3.2 Security and privacy
3.2.1 Do not Execute Unescaped or Untrusted JSON data
3.3 User Awareness and Control
3.3.1 Ensure the User is Informed About Use of Personal and Device Information
3.3.2 Enable Automatic Sign-in
3.4 Conservative use of resources
3.4.1 Use Transfer Compression
3.4.2 Minimize Application and Data Size
3.4.3 Avoid Redirects
3.4.4 Optimize Network Requests
3.4.5 Minimize External Resources
3.4.6 Aggregate Static Images into a Single Composite Resource (Sprites)
3.4.7 Include Background Images Inline in CSS Style Sheets
3.4.8 Cache Resources By Fingerprinting Resource References
3.4.9 Cache AJAX Data
3.4.10 Do not Send Cookie Information Unnecessarily
3.4.11 Keep DOM Size Reasonable
3.5 User Experience
3.5.1 Optimize For Application Start-up Time
3.5.2 Minimize Perceived Latency
3.5.3 Design for Multiple Interaction Methods
3.5.4 Preserve Focus on Dynamic Page Updates
3.5.5 Use Fragment IDs to Drive Application View
3.5.6 Make Telephone Numbers “Click-to-Call”
3.5.7 Ensure Paragraph Text Flows
3.5.8 Ensure Consistency Of State Between Devices
3.5.9 Consider Mobile Specific Technologies for Initiating Web Applications
3.5.10 Use Meta Viewport Element To Identify Desired Screen Size
3.6 Handling Variations in the Delivery Context
3.6.1 Prefer Server-Side Detection Where Possible
3.6.2 Use Client-Side Detection When Necessary
3.6.3 Use Device Classification to Simplify Content Adaptation
3.6.4 Support a non-JavaScript Variant if Appropriate
3.6.5 Offer Users a Choice of Interfaces
3.7 Further Considerations
3.7.1 Consider Use Of Canvas Element or SVG For Dynamic Graphics
3.7.2 Inform the User About Automatic Network Access
3.7.3 Provide Sufficient Means to Control Automatic Network Access
Appendices

Appendix 1: Best Practice Dependent Device Properties
Appendix 2: References
2.1 MWI References
2.2 Device Independence
2.3 Web, Protocols and Languages
2.4 Other References
Appendix 3: Acknowledgements