`
youngerbaby
  • 浏览: 114974 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

【转载】Mobile Web App最佳实践

 
阅读更多

原文:

http://developer.android.com/guide/webapps/best-practices.html

主要几点:

1. Redirect mobile devices to a dedicated mobile version of your web site

重定向Mobile的请求到对应的mobile版本的web服务,可以通过判断user-agent

2. Use a valid markup DOCTYPE that's appropriate for mobile devices

使用合理的DOCTYPE实现webpage,比如xhtml basic就是在移动端常用的DOCTYPE

3. Use viewport meta data to properly resize your web page

通过meta标签的viewport属性来规范手机页面的展现。

4. Avoid multiple file requests

避免网页中直接请求文件,比如js和css文件,可以将js和css直接写在网页的head标签里

5. Use a vertical linear layout

使用简单的layout

分享到:
评论

相关推荐

    用jQuery Mobile创建Web App

    《使用jQuery Mobile构建Web App详解》 在当前的互联网环境中,Web App已经成为移动设备上不可或缺的应用形式。jQuery Mobile,作为一款强大的前端框架,为开发者提供了简单、高效的手段来创建响应式、触摸友好的...

    High Performance Mobile Web

    With this hands-on book, veteran mobile and web developer Maximiliano Firtman demonstrates which aspects of your site or app slow down the user’s experience, and what you can do to achieve lightning...

    互动设计Mobile_APP入门培训材料

    - **获奖记录**:2010年获得远传S市集APP星光大赏-年度最佳APP大奖、黄金企鹅奖-应用程式组优胜等多个奖项。 - **用户反馈**:上架8个月即获得了24万名用户的肯定。 - **特色功能**:提供最全面的大众运输查询服务。...

    百度Web App开发技术介绍_黎科峰

    1. **jQuery Mobile**:这是一个基于jQuery的响应式框架,提供了丰富的UI组件和样式,适用于快速构建移动Web App。 2. **Sencha Touch**:这是另一个强大的框架,专注于触摸设备,提供了高性能的UI组件和数据绑定...

    Mobile App Development with Ionic 2

    Mobile App Development with Ionic 2: Cross-Platform Apps with Ionic, Angular, and Cordova by Chris Griffith English | 10 Apr. 2017 | ASIN: B06Y5Q24B2 | 310 Pages | AZW3 | 2.93 MB Learn how to build ...

    Head First Mobile Web

    ### Head First Mobile Web:关键技术与应用实践 #### 一、移动网络环境的演变与挑战 随着移动设备(如智能手机和平板电脑)的普及,越来越多的用户选择通过这些设备访问互联网。这种趋势使得移动网络的使用量正在...

    7699 Mobile App Promo-手机APP宣传展示动画.rar

    【标题】"7699 Mobile App Promo"是一款专为手机APP设计的宣传展示动画模板,主要用于提升应用程序的视觉吸引力和市场推广效果。这个模板基于Adobe After Effects(AE)平台,是视频合成与特效制作的专业工具,适用...

    head first之mobile web

    《Head First之Mobile Web》是一本专为初学者设计的移动网页开发教程,以其独特的图文并茂的教学方式,深入浅出地介绍了移动互联网世界的各个方面。这本书涵盖了从基础概念到实践应用的所有关键知识点,旨在帮助读者...

    Head First Mobile Web(中文版)

    移动Web的使用在呈爆炸式增长。很快,人们会更愿意在手机和平板电脑而不是PC机上浏览网页。你的企业需要一种移动策略,不过从哪里开始呢?本书会告诉你如何使用你熟悉的Web技术建立网站和应用,可以在各种任意大小的...

    High Performance Mobile Web epub 0分

    High Performance Mobile Web 英文epub

    Mobile Web Performance Optimization(PACKT,2015)

    With users increasingly accessing the web on mobile devices, it’s crucial to make sure your website is built to seamlessly fit this radical change in user behavior. Mobile Web Performance ...

    jquery mobile web api开发例子

    **jQuery Mobile Web API 开发详解** 在Web应用开发中,jQuery Mobile 和 Web API 结合使用可以构建出功能强大且响应式的移动应用。本教程将深入探讨如何利用jQuery Mobile与C#实现的Web API2接口进行交互,展示...

    Ionic : Hybrid Mobile App Development

    If you are a web developer who wants to build hybrid mobile app development using the Ionic framework, then this comprehensive course is best-suited for you. What You Will Learn Get to know about ...

    High.Performance.Mobile.Web.14919125

    Today, mobile is a must for every company, but how you reach users will determinate success or ... The Mobile Web World Chapter 2. Where to measure performance Chapter 3. Optimizing for the first visit

    Head First_深入浅出Mobile Web(中文版)_带书签_高清完整版 1128

    通过《Head First 深入浅出 Mobile Web》,读者不仅可以学习到移动Web开发的基础知识,还能了解到最新的技术趋势和最佳实践,为创建高效、用户体验良好的移动Web应用打下坚实基础。书中的实例和互动练习可以帮助读者...

    sql_mobile_app_dev

    sql_mobile_app_devsql_mobile_app_devsql_mobile_app_devsql_mobile_app_devsql_mobile_app_devsql_mobile_app_dev

Global site tag (gtag.js) - Google Analytics