资讯频道 → 移动开发
阅读更多

3顶
2踩

移动开发

翻译新闻 移动Web开发的10个重要准则

2012-08-30 13:31 by 见习记者 车丽 评论(9) 有11964人浏览
javascript web css mobile
移动设备的快速发展给用户带来了很大的便利。用户使用Android、iPhone和其它移动设备很容易接入互联网。最近的一项研究表明，超过6300万的用户使用移动设备访问不同的移动网站，这个数据预计到明年年底会达到2亿左右。由于人数在不断增长，所以设计师和开发者要及时追踪移动用户访问的移动网站，了解移动网站发展的最新动态。

开发者和设计师不需要学习新的技术来开发移动网站，他们只需要以一个全新的视角来设计移动网站，这就是移动web开发的好处。在这篇文章中，简单的总结了一些重要的移动Web开发指南。

1.  初始分析


分析用户的关注点非常重要。首先分析你的网站中哪些页面是主要的，那些页面的访问量最大，这将有助于你设计移动网站中的网页分布。其次一定要查找用户正在使用的关键字，因为用户往往通过它们到达你的网站。这些分析结果将对移动开发起到重要的作用。

2.  用户特征



和桌面用户比起来，移动用户必然会有不同的需求。在开发和设计移动网站时，一定要考虑用户特征。如果你的目标用户是年轻人，要确保他们在开车、购物或参加其它活动时都能够非常容易的访问你的网站。所以分析用户特征在移动网站的开发中也很重要。

3.  少使用图像



事实上，在移动网站上使用图像是无益的，所以不建议大量使用图像。原因如下：

  • 移动用户使用的网络连接通常比较缓慢，它们很难下载大量的图像，如果图像很大，也需要很长时间来加载。所以，尽量避免使用图像。
  • 每个图像都需要一个新的HTTP链接，这个链接会使网页的加载速度更慢。
  • 在开发过程中，由于设备的分辨率不同，图像的尺寸大小就会不同，所以添加大量图像会增加额外的工作量。
如果真的需要在网站上使用图像，一定要使用CSS Sprite。CSS Sprite能适时提高加载速度。

4.  不依赖JavaScript

由于移动设备的浏览器不能很好的支持JavaScript，所以不能依赖JavaScript开发移动网站。但是如果在未来几年内，Apple、Android和Blackberry等系统有完美支持JavaScript的可能性，那么这个问题就能得到解决。

5.  避免弹出下拉列表



避免在移动网站中弹出下拉列表。下拉列表仅适用于桌面的网站，因为用户可以将光标移动到任何选项卡以查看下拉列表。下拉列表可以使用，但是不建议在移动网站上使用。

6.  压缩JavaScript和CSS代码，优化下载速度

正如前面提到的，不要依赖JavaScript。如果必须使用JavaScript，那么建议将JavaScript和CSS代码进行压缩。JavaScript和CSS的压缩工具使用起来也很简单。

7.  水平和垂直布局



近期，我们看到很多移动网站既支持水平布局又支持垂直布局。这两种布局在iPhone和Android平台上运用的很好，但不是对所有的智能手机都适用。在开发移动网站时，应该设计单一方向的布局格式。也就是说只允许用户在单一的方向以滚动形式来查看内容。默认情况下，单一的方向应该是垂直的，因为这是用户期望的自然形式。如果页面有正在使用的图像，它们也应该支持垂直滚动。在移动设备中不建议同时使用垂直和水平布局。

8.  了解移动设备功能



开发移动网站的一个很好的方法是了解移动设备最流行的功能。然后，你可以将这些功能融合到你开发的网站中，这将会是你网站的一个亮点。

9.  提供常规网站链接

移动网站所包含的信息是非常有限的，如果想容纳更多的信息，可以在移动网站主页上提供一些常规网站的链接。

10.  网站的速度



在开发移动网站时，网站速度是要优先考虑的。你的网站应该快速的传送网站的内容。如果你想做到这一点，就要尽量避免使用JavaScript和Flash。移动Web最重要的指导方针是要注重网站的功能和速度。

英文原文：10 Most Important Guidelines for Mobile Web Development
  • 大小: 86.3 KB
  • 大小: 46.5 KB
  • 大小: 26.4 KB
  • 大小: 32.4 KB
  • 大小: 169.4 KB
  • 大小: 77.6 KB
  • 大小: 35.5 KB
3
顶
2
踩
评论 共 9 条 请登录后发表评论
9 楼 zhukewen_java 2012-09-02 14:39
车丽 写道
zhukewen_java 写道
完全一文不值

请您给点建议好吗？不要谩骂可以吗?


写得垃圾还不让人批评？
8 楼 zhukewen_java 2012-09-02 14:39
车丽 写道
zhukewen_java 写道
完全一文不值

请您给点建议好吗？不要谩骂可以吗?


这也算骂？
7 楼 tron.lu 2012-09-01 15:56
呵呵，编辑不怎么了解行业发展。。

首先现在是智能机时代，不是功能机时代了，有很多硬件限制。。都已经不存在了

6 楼 车丽 2012-08-31 16:50
zhukewen_java 写道
完全一文不值

请您给点建议好吗？不要谩骂可以吗?

5 楼 zhukewen_java 2012-08-31 12:15
肯定是个没搞过移动开发的，甚至是没搞过开发的人，要么随便写的，要么随便抄的，竟然还放到首页，不可理喻。
4 楼 zhukewen_java 2012-08-31 12:14
完全一文不值
3 楼 iwangxiaodong 2012-08-31 09:37
观点是有些老,移动Web开发已经有新理念了:移动Web最佳实践
2 楼 twincle 2012-08-30 18:02
怎么感觉思想这么老旧呢？
1 楼 mybreeze77 2012-08-30 15:48
这。。不用javascript用什么。。。

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • Web界面数据动态刷新示例

    本示例是利用Ext.net实现了对Web界面上GridView控件中的数据进行了实时的刷新，在检测监控系统中运用比较广泛，刷新时间可以自己设定，示例中每次刷新的数据都是从服务器直接获取。

  • 王志东：软件情未了

    《程序员》专访王志东：软件情未了 记者/闫辉 王志东，作为早期中国软件业的领军人物，在历经了多年网络大潮的沉浮之后，最近成立了“点击科技”软件公司，再次回到了软件业中。得知这个消息后，《程序员》在最短时间内联系到了王志东。新公司办公地点在距离杂志社不到一公里的亚运村汇欣大厦，在这栋新大厦中，他从一个软件人的角度畅谈了对软件产业和程序员发展的看法。我们深深体会到，远离了网络浮躁的王志东，依然对软件产

  • 看boss town专访王志东

    　　东方卫视的boss town昨天专访佳宾是“点击科技公司酋长”王志东，“酋长”，头一次听说这么一个称呼，确实很有个性，不过怎么觉得也不那么舒服，就正式一点叫个董事长或者总裁不好么？非要搞一个中国特色？？？奇怪之。 　　整场节目，感觉虽然曹启泰一如既往的主持得不错，但王志东的表现可以说不好。三位嘉宾，除了一位美女对ＩＴ不太感冒，未提出大的意见之外，金姓嘉宾当场提出一个另王哑口的问题“你认为ＱＱ...

  • Ext JS 6开发实例（三） ：主界面设计

    在上文中，已经将CMD创建的应用程序导入到项目里了，而且也看到默认的主界面了，今天的主要工作就是修改这个主界面，以符合项目的需要。

  • Ext里dialog弹窗关闭与父窗口刷新问题总结

    6.刷新父窗口js dg.curWin.MainGrid.reloadData(); //第一种方法，前提是MainGrid定义了reloadData()方法 dg.curWin.grid.getStore().reload(); //第二种方法，前提是定义了grid变量 7.刷新当前窗口js ...

  • ext提交请求后，前台显示不刷新的处理方法总结

    ext提交请求后，前台显示不刷新的处理方法总结： 1、在提交后执行store.load()，如果store分页显示，则执行store.loadPage(1); 2、给查询按钮添加id='searchBtn' ，在提交后执行document.getElementById('...

  • Ext做的简单登录界面（验证码刷新）

    初学Ext，刚刚用Ext做了个登录界面，其中的验证码刷新出现了问题，试了好久都没好使，后来想起来再jQuery里的ajax方法是异步的,如果每次请求的URL不变的话，就会由缓存来处理请求，所以需要一个时间戳，保证每次请求...

  • 用extjs写一个登录界面

    先上效果图： 这是一个用ext3.2.0、js、html、css写的一个还算好看的登录界面。 源代码已上传，下载地址请点击：点击打开链接 其主要难点在如何使用extjs来画一个界面，接下来我们就主要看一下其中的html和js吧...

  • Ext 界面经常乱掉问题解决方法

    最近在用Ext做界面设计的时候发现经常出现正常的页面在使用几次之后布局就乱七八糟的问题  查了下代码，发现是Ext的stateful作怪  在Component.js中有这么一句：  Java代码  if(this.stateful...

  • 11.12 Ext JS 的Uncaught (in promise) Error: Cannot load package问题和解决分析

    动态模块第一次无法加载，浏览器端报 `Uncaught (in promise) Error: Cannot load package`，但是刷新之后正常。

  • 刷新grid界面，将界面上header中的查询数据清空

    /** *刷新grid界面 */ gridViewRefresh: function () { var me = this, items = me.view.header.items.items, store = me.view.store, paramHold = store.pa...

  • Ext.net设计前台界面

    Ext.net设计前台界面  这是我花了一中午制作的一个前台界面，我是的第一个正式任务，因为它将投入使用，其中我学到了许多以前不知道的语法，我将他们发表，以便下次复习和大家学习使用！！！   ...

  • JS实现刷新父页面不弹出提示框的方法

    主要介绍了JS实现刷新父页面不弹出提示框的方法,实例分析了javascript子窗口的打开以及子窗口与父窗口的交互操作技巧,需要的朋友可以参考下

  • Python学习笔记——用多线程处理界面没有响应的问题

    在处理复杂的任务的时候，不能把任务写在UI线程里，需要单独使用线程处理。这一章，我们用线程池处理UI不响应的问题。

  • ext-2.2.zip

    在CDH使用oozie 的时候需要安装ext-2.2.zip; 新增和改进的功能包括： 1、FileUploadField 文件上传 体验例子见：http://extjs.com/deploy/dev/examples/form/file-upload.html 2、GMapPanel GMap扩展 体验...

  • 关于Ext3.2的自动刷新功能

    查询api发现有Ext.util.TaskRunner()一个东西可以实现功能，所以跟大家分享一下 它是一个定时的任务器，需要给一个时间的参数以及要执行的代码，下面我将我的代码贴出来看下，红色部分为关键代码 Ext.ns(...

  • Ext文件管理界面

    store: Ext.create("Ext.data.TreeStore", { fields: ["id", { name: "text", mapping: "name" }, "leaf", "parentId"], autoLoad: false, listeners: { beforeload: function (store, operation, eOpts) { ...

  • EXTJS——ext.grid.RowExpander模板数据刷新问题

    在表格中应用RowExpander插件： this.expander = new Ext.grid.RowExpander({  lazyRender : false,   enableCaching : false,  tpl : new Ext.Template(  '主队: {hostPlayers}' +

  • Ext.Panel 加载页面刷新 跳转问题

    上次开发项目我好不容易用EXTJS搭建出来一个漂亮的框架界面，但是在mainfram容器中刷新页面的时候，出现了问题，页面直接跳转到另一个新的区域，控制不住了。 今天难得空闲终于解决了。就这么简单： new Ext.Panel...

  • 树形图界面的整合

    上一次是MiNIUI的多表CRUD，今天就在这个的基础上增加树形界面进行左右联动显示。 1.在之前显示的主页面上面增加如下代码，或者说是直接拖拽一个控件出来，再填写相应的样式都可以。 ...

Global site tag (gtag.js) - Google Analytics