制作网站手机版：iPhone和Android的客户端

找个时间，把这个客户端做一下！

文章参考于：超人——简单几部制作网站手机版、iPhone 客户端 Android 客户端

近期发现百度的SiteApp能直接生成网站 iPhone App（客户端），不要编程，也不要知道各种变成语言，这个功能真是iPhone编程菜鸟的福音啊！！可视化界面轻松制作网站手机版、iPhone 客户端、Android客户端，我用的是Wordpress，也不用装插件就能制作手机版和客户端了~先来看看我的iPhone App 界面吧。功能暂时比较简单。界面很清晰哟~

首页效果

网站导航

内容页

分类页

首页底部

用百度SiteApp做iPhone 客户端真是太方便鸟，下面介绍下方法：

Step1：

进入百度 SiteApp官方网站 http://siteapp.baidu.com/

Step2：

输入网址添加网站，点击创建WebApp，在这里，最好是绑定域名，建立一个二级域名。在域名管理中，先创建手机访问二级域名，例如：

如果是手机访问，自动跳转到：http://m.superm.org

那么在域名管理中把m.superm.org  CNAME到：siteapp.baidu.com，等待解析完成~（注意，这里是需要在6小时内解析完成的，否则需要重新设置）

然后在网站头部添加JS判断，如果是手机访问则自动跳转到手机地址：

（如果只是制作iPhone客户端或 Android客户端，可以上步骤）

Step3：

添加了网站之后，选择喜欢的iPhone App样式效果，我选的是第一个。这一步是先选择样式，别着急选颜色，因为后面每个样式都会提供颜色选择滴~~

选择iPhone App 样式

Step4：

制作网站内容，这个内容可以任意选择你网站上任意板块，通过鼠标选择，有点像Firefox 的 Firebug，哈哈。鼠标点到某区域就会自动选择那个板块的内容。（网站导航可以选择你网站导航的区域，也可以一个一个选择，好处就是：有的不必要添加 在iPhone App上的不添加就OK~）

制作网站内容

Step5：

填写你网站的相关信息、选择网站颜色、底部版权等等。这个不多介绍，到了这一步傻子都会。。

Step6：

根据提示生成 iPhone 客户端、Android 客户端。如果只需要制作网站手机版就不需要这一步了。

最后：好吧，我木有Apple Store 开发者账户，所以博客的iPhone 客户端无法在 Apple Store上架。但越狱用户可以安装：下面也提供我的iPhone和Android客户端下载。有兴趣的童鞋可以安装玩玩~~