独家第一时间为你解密铁路12306手机客户端的开发技术

"铁路12306"首日用户近20万，360手机助手下载量超17万，这一下载量说明了国人对于购买火车票的迫切希望吧，希望通过各种方式购得千金一票。但是，调查分析，有近两成的用户对此手机app不满意，下面就为你解密铁路12306手机客户端的开发技术，从中分析一下为什么人们期待已久的12306 app不让人满意。

铁路12306并没有采用传统的原生开发的方法，而是采用的ibm的基于html、js、css的混合app开发技术。下面补充一下原生app、web app、混合app：

什么叫做原生App?

原生App是专门针对某一类移动设备而生的，它们都是被直接安装到设备里，而用户一般也是通过网络商店或者卖场来获取例如 The App Store 与 Android Apps on Google Play .

随便说几个原生App的例子，比如iOS 的 Camera+ 以及Android 的 KeePassDroid

什么叫做移动Web App?
一般说来，移动Web App都是都是需要用到网络的，它们利用设备上的浏览器(比如iPhone的Safari)来运行，而且它们不需要在设备上下载后安装。

什么是混合app?
Hybrid App是指介于web-app、native-app这两者之间的app,它虽然看上去是一个Native App，但只有一个UI WebView，里面访问的是一个Web App，比如街旁网最开始的应用就是包了个客户端的壳，其实里面是HTML5的网页，后来才推出真正的原生应用。再彻底一点的，如掌上百度和淘宝客户端Android版，走的也是Hybrid App的路线，不过掌上百度里面封装的不是WebView，而是自己的浏览内核，所以体验上更像客户端，更高效。
　　
综合一下就是：“Hybrid App同时使用网页语言与程序语言开发，通过应用商店区分移动操作系统分发，用户需要安装使用的移动应用”。总体特性更接近Native App但是和Web App区别较大。只是因为同时使用了网页语言编码，所以开发成本和难度比Native App要小很多。因此说，Hybrid App兼具了Native App的所有优势，也兼具了Web App使用HTML5跨平台开发低成本的优势。

下面看一下混合app的目录结构：

MobileTicket.html这个页面就是主页啦，用浏览器打开看一下：

看一下浏览器效果是不是跟你手机上的一样啊！

ss.html页面应该是测试的页面，效果如下：

这是css文件夹下的样式文件：

这是图片资源文件：

这是js文件：

这是html的文件：

铁路12306客户端使用混合app开发的方法，这使得一套代码可以跨ios、android平台使用，但给用户的体验就是：页面切换有点卡，点击半天没有响应，所以造成了两成用户不满意，个人觉得这个比例是保守的。个人还是比较喜欢原生的开发方法，虽然工作量大，但是体验好啊，其实开发周期也不是很长，android的话，个人觉得顶多3个月搞定，ios更快些！铁道部和那个XXX公司加油吧！

转载于:https://my.oschina.net/u/656993/blog/183194

独家第一时间为你解密铁路12306手机客户端的开发技术相关推荐

解密铁路12306手机客户端的开发技术
"铁路12306"首日用户近20万,360手机助手下载量超17万,这一下载量说明了国人对于购买火车票的迫切希望吧,希望通过各种方式购得千金一票.但是,调查分析,有近两成的用户对此手 ...
[转]解密铁路12306手机客户端的开发技术
目录[-] "铁路12306"首日用户近20万,360手机助手下载量超17万,这一下载量说明了国人对于购买火车票的迫切希望吧,希望通过各种方式购得千金一票.但是,调查分析,有近两成 ...
铁道部掌上12306手机客户端预计11月底推出-铁道部-掌上12306-手机客户端
铁道部掌上12306手机客户端预计11月底推出|铁道部|掌上12306|手机客户端中广网北京10月17日消息据经济之声<天下财经>报道,铁路部门"掌上12306智能手机客户端 ...
铁路12306首页项目
这个首页花了三天时间完成,但是没有做完,HTML+CSS很重要,还是要好好掌握. 一.项目开始准备 *引入所需链接.内容提示:火狐浏览器可以下载所需图片(Ctrl+i) <!-- 头部开始 - ...
铁路“12306”的架构太牛了！
铁路"12306"的架构太牛了! CSDN企业招聘今天作者: 绘你一世倾城 " (别快走开,文末有人人可拿的奖品喔),一二线城市返乡.外出游玩的人们几乎都面临着一个问 ...
模拟中国铁路12306网页
模拟中国铁路12306网页页面展示导航栏服务栏提示栏介绍栏浮动设计旅游栏整合代码 css文件图片集合 html文件大家好呀!我是小笙,本期内容是关于用html和css简单做一个网页 ...
Selenium之模拟登录铁路12306
最近接触了一些selenium模块的相关知识,觉得还挺有意思的,于是决定亲自尝试写一些爬虫程序来强化selenium模块(一定要多尝试.多动手.多总结).本文主要使用python爬虫来模拟登录铁路12 ...
铁路12306微信小程序发布：支持余票查询、添加行程，让出行变得更加方便，你觉得了
12月26日消息,今天,中国铁路12306推出了微信小程序App,用户需要使用微信号登录,12306小程序的界面十分整洁,可以进行余票查询.时刻表查询.正晚点查询等. 另外12306小程序还已经上线了 ...
表格布局+flex：铁路12306
前言:练习表格布局+弹性布局,设计了一个铁路12306的简单版本界面 html部分: <!DOCTYPE html> <html><head><meta ch ...

独家第一时间为你解密铁路12306手机客户端的开发技术

铁路12306并没有采用传统的原生开发的方法，而是采用的ibm的基于html、js、css的混合app开发技术。下面补充一下原生app、web app、混合app：

什么叫做原生App?

下面看一下混合app的目录结构：

独家第一时间为你解密铁路12306手机客户端的开发技术相关推荐

最新文章

热门文章

独家第一时间为你解密铁路12306手机客户端的开发技术

铁路12306并没有采用传统的原生开发的方法， 而是采用的ibm的基于html、js、css的混合app开发技术。下面补充一下原生app、web app、混合app：

什么叫做原生App?

下面看一下混合app的目录结构：

独家第一时间为你解密铁路12306手机客户端的开发技术相关推荐

最新文章

热门文章

铁路12306并没有采用传统的原生开发的方法，而是采用的ibm的基于html、js、css的混合app开发技术。下面补充一下原生app、web app、混合app：