MobiTran：一种面向智能手机的PC版Web应用转化技术

MobiTran:A Technique of Transforming PC Web Application for Smart Phones

随着移动互联网的快速发展,人们可以通过包括智能手机和平板电脑在内的移动计算设备来访问和使用Web应用。然而,目前已有的Web应用大多是针对PC设计的,因此通过移动计算设备直接访问时,可能出现信息显示不全、界面布局混乱、用户体验变差、需要耗费较多流量等问题。重新开发符合移动设备特性的Web应用是一种最直接的解决方案,但是开发成本和代价较大,并且同时维护PC版和移动版两个不同的应用版本也会带来更高的成本。提出一种面向开发者的Web应用移动版本半自动转化技术并实现了支持工具MobiTran:首先,对PC版本Web应用的界面进行自动转化,使之适应移动设备的屏幕尺寸;然后,通过支持开发者手工对界面的样式和布局进行修改,定制拆分子页面以控制数据流量,同时加入适应移动设备操控特点的元素;最终,生成一个供移动设备访问的移动版本Web应用。对主流网站的测试结果表明:MobiTran可以将原网页自动地转化为适合移动设备宽度的新网页,转化后的网页清晰无溢出并可以较大限度地维持新页面与原页面风格一致;在自动转化过程中,可以较少地丢失页面信息并较大限度地保证原页面的功能;转化后的新页面相比原页面消耗数据流量较小。

With the development of Internet,a large number of mobile devices begin to get access to Internet.However,Web applications are mostly designed for the PC screen size.The screen size of mobile devices is small relative to the PC.Therefore,when a mobile device gets access to the application for PC,there may be incomplete information display,interface layout confusion,poor user experience,more network traffic and other issues.Developing a mobile version of the Web application from scratch is the most naive choice,but it costs a lot,and maintaining two different versions is a daunting task.So we tried to adapt the view of the Web application instead of making a new one.Therefore,this paper implemented a developer-oriented Web application conversion tool,called MobiTran.The PC version of the Web application can be transformed into mobile version to fit the screen size of mobile devices,other features and data traffic.It also allows developers to edit the style and layout of the user interface,and ultimately a mobile version of this Web application is generated.After testing on mainstream sites,we concluded that MobiTran can adapt the view of Web application while maintaining the style,and it can lose less information and save data traffic.