设计需知：移动网站设计应注意的技术细节（2）
来源：chinaz 发布时间：2012-04-20 13:03:23
代码设计
很多开发新人在写移动界面代码时一直很犹豫，下面的建议有助于你打消这些考疑虑：
· 有效代码
使用合适的代码，确保其100％有效，因为大部分移动浏览器达不到电脑端的浏览器性能。
· 流动布局：
在所有移动浏览器上查看布局效果，这往往是不现实的，因为用来浏览网页的移动设备太多，逐一去追踪效果让人很头疼。流动布局可以很好解决或避开这个问题，它可以根据屏幕尺寸自动调整。
为了达到这种布局效果，应避免用像素值设置宽度，用百分比或ems代替。
你可以搜索关于移动网站的流动布局，也可以通过此链接下载示例：Perfect multi-column CSS liquid layouts – iPhone compatible
· 具体的样式表
你可随时使用各种移动设备找出更好的用户体验。比如，使用手持设备浏览你的网站的用户。
点击此链接了解媒体类型的更多内容：W3.org – Media Types.
· 拒绝使用花哨的脚本
你的移动网站想要成功，不要使用Javascript脚本，Flas * 或其它任何花哨的脚本语言。因为大多数移动设备无法解析这些脚本语言，最终，要么设备死机，要么出乱子。
如果你非用不可的话，那么就应该给出友情提示，告知用户他们的移动设备正在载入和启用这些脚本。如果出了差错，也错不在你，因为你事先已经提醒了他们。
· 小心插入广告
这一点应该引起大家的重视，不要让你的移动网页铺天盖地都是广告，PC端的网站同样也应该注意这个问题。
俗话说得好：“一颗耗子屎搅坏一锅汤”。这对许多网站而言，倒是大实话。因为许多网站都是广告满天飞，他们根本不关心用户体验，一个个都唯利是图。因为移动设备的CPM（每千人浏览页面的费用）很高。
所以我建议，不要让网站淹没在广告里，尤其不要插入那些五颜六色的广告。
· 自动识别移动浏览器
为了成功打响你的招牌，你应该在服务器端纳入“移动浏览器侦测和重定向”服务的脚本（比如说PHP）。你可能用得着User Agent侦测服务，服务器会根据当前浏览器所描述的信息来判定它应该访问移动还网页还是原网页。你可以用User Agent 侦测替代前面提到的“PHP移动浏览器侦测”。再介绍另一例实现办法，通过实时的JavaScript脚本语言，请求存储了设备相关信息的DeviceAltlas或WURFL数据库，进行浏览器判定。
· 如有必要，可开发专门的客户端程序
如果你的用户群体数量非常高，可以为此开发一款针对多种移动界面的应用程序。Facebook、Gmail、Twitter、Yahoo以及许多大公司都有自己的客户端应用程序，这也是他们如此成功的原因。如果你有了自己的客户端程序，就不必再担心那些花哨的脚本语言了，因为你可以按照自己的方式提升程序性能。（你不能改变浏览器，但是你完全可以改变自己的程序）
移动网站建站工具
在这些花哨的移动建站网站的帮助下，就可以开始移动界面的创建了。
1. MOBIFY
0
投稿猜你喜欢
- 数据库表表面上存在索引和防错机制，然而一个简单的查询就会耗费很长时间。Web应用程序或许在开发环境中运行良好，但在产品环境中表现同样糟糕。如
本文实例为大家分享了python实现图片转字符画的具体代码，供大家参考，具体内容如下源码（注释很详细）：# -*- coding=utf-8- #-*- coding: UTF-8 -*-'''Created on 2013-12-5@author: good
- 不知道大家有没有一种感觉，每次当使用numpy数组的时候坐标轴总是傻傻分不清楚，然后就会十分的困惑，每次运算都需要去尝试好久才能得出想要的结
- 1. 首先看要设置登陆的界面 book/view.py@user_util.my_login #相当于 select_all=my_logi
- 一、为表创建自增长自段有两种，一种是不同的表使用各自的Sequence，方法如下： 1、在Oracle sequence首先创建sequen
- import threadingfrom time import sleepdef test_func(id): &n
- parquet数据：列式存储结构，由Twitter和Cloudera合作开发，相比于行式存储，其特点是：可以跳过不符合条件的数据，只读取需要
- 一开始学习 Python 的时候习惯性的使用 C 中的 a++ 这种写法，发现会报 SyntaxError: invalid syntax
- 今天发现百度图片搜索结果的2级页面改版了，在浏览图片的时候很好用：如图：在浏览图片的时候，右侧的缩略图是这样交互的：因此，在整个浏览图片的过
- 本文实例讲述了Python迭代器与生成器用法。分享给大家供大家参考，具体如下：迭代器，迭代的工具什么是迭代器？指的是一个重复的过程，每一次重
- 目前为止，我们一直没有对函数声明和函数表达式加以区别。而实际上，解析器在向执行环境中加载数据时，对函数声明和函数表达式并非一视同仁。解析器会
- 本文实例讲述了ThinkPHP结合AjaxFileUploader实现无刷新文件上传的方法。分享给大家供大家参考。具体实现方法分析如下：首先
- 同由其他技术驱动的应用一样，在相同的Web服务器上运行Django应用也是可行的。 最简单直接的办法就是利用Apaches配置文件httpd
- 第一种import win32clipboardimport time#速度快 容易出错class niubi(): def lihai(s
- 1. 功能说明，在页面使用smarty循环100次输出，类似for循环100次{section name=total loop=100}{$
- 我就废话不多说了，大家还是直接看代码吧~#aaa.py#version 3.5import os #这句是没用了，不知道为什么markdow
- 本文实例讲述了JS仿iGoogle自定义首页模块拖拽特效的方法。分享给大家供大家参考。具体实现方法如下：<!DOCTYPE html
- 目录1.编写模块结构1.1 git创建空文件1.2 编写包功能函数1.3 包必备函数1、README.md文件是在git上生成的说明项目的文
- 字典与json字符串区别# python 中的字典格式，是dict类型{'a': 'sd'}如果声明a =
