Web前端之家,省文物局汉唐网移动客户端上线试运行

现在浏览网页的终端越来越多了,尤其是在移动端的比例越来越重了,并且用户体验越来越高,从而导致对产品要求也越来越高了。

图片 1

为进一步做好政务之窗和信息服务工作,陕西省文物局汉唐网推出了“汉唐网移动客户服务端”,主要服务内容包括政务类、服务类、新闻类等17个栏目,系我省省级政府门户网站首家开通云适配移动客户服务端的网站,在全国范围内为第六家。
汉唐网移动客户服务端,非WAP网站,亦非APP,而是采用目前全球最先进的云适配技术,主要通过在网站和PC内嵌JS代码,该代码对PC网站目标网页进行数据分析和调用,在云端完成用户设备的网页最佳展现方式计算,最后在浏览器实现HTML结构的重排及CSS的重新渲染,以达到移动端用户的浏览。汉唐网客户移动端具有原网址不变、内容与网站同步更新、无需下载客户端、直接无跳转缩放浏览、一键分享等特点,适合所有主流智能手机平台及其他平板电脑。
汉唐网移动端的上线,有利于更好的宣传陕西文化遗产,弘扬传统文化,是深化政务工作的有益探索,符合目前为民服务的需求,也是汉唐网面向社会接受公众监督,推动依法行政,改进行政管理的渠道,对于促进社会政务公开,履行政府职能具有重要意义。

我们先前讲过”用Media
Query实现响应式Web布局”。想要让用户在移动端也能浏览PC网站,通常有两种方法,一是PC和移动端分别做一个网站,二是用响应式布局实现一体化。

云适配是一家可以用一行JS代码将PC网站移动化的技术公司。在他们用一行代码做适配的过程中,积累了一套跨屏的前端常用网页组件,而最近,他们想把这套组件开源出来,让前端开发者都可以免费使用。

责任编辑:殷誉玮 审核:向东

“金
无足赤”,以上两种方法皆有弊端,第一种方法不仅要耗费额外的人力和时间成本,还会在建站完成后遇到一系列问题,比如用户需要记住两个域名,这可能导致移
动站点流量减少,比如PC站和移动网站需要分别做SEO和SEM。而响应式设计的方法虽然解决了域名统一的问题,但对设计师相当高,需要设计很多个版本,
比如手机、IPAD和PC,并且要考虑到网页元素自适应,还要求对扁平式设计有一定的研究。前些天在网上看到”云适配”可以通过在PC站中嵌入一行
JS代码来直接解决繁复的适配问题。貌似需要花钱买服务,这个先不管拉,先了解下它吧。

云适配将这套组件命名为Amaze UI,简单来说他是一个针对 HTML 5
开发的轻量级、模块化、移动优先的跨屏前端框架,通过拆分、封装了一些常用的网页组件,比如轮播图框、文字框等等组件,让前端开发者只用复制代码便可以将这些跨屏的组件写入自己的网页中,而不需要自己在开发的过程中重写一遍。

“云适配”的工作原理如下:它会为需要适配的网站生成一行JS代码,这行代码被嵌入网站源代码后,即可发挥适配作用。它利用html5技术,通过JS实现对PC网站目
标网页数据的分析和抓取,并在云端完成针对用户当前设备的网页最佳展现方式的计算,最后在浏览器端实现html结构的重排以及CSS的重新渲染,以适应移
动端用户的浏览习惯。而由于该行JS代码获得的是网页前端数据信息,所以可以实现内容的实时更新和动态页面的实时生成,不被第三方服务器缓存。这一点也区别于百度site
app通过搜索引擎抓取静态页面,并在PC站和移动站之间进行域名映射的适配思路。

云适配创始人 Ben 表示,以往的网站开发是先有 PC 版,然后得去为 PC
版适配一个移动版网页,而现在大家则渐渐趋向采用更聪明的做法,即先设计好简单的移动端,然后通过自适应的方式把
PC 端顺带做出来。所以在这样的趋势下,Amaze UI
可以帮前端开发者节省很多开发的时间。

不过,虽然”云适配”可以自动实现移动网页的重排,但由于每个网站都有自己特殊的排版需求,比如电商网站会希望”购物”按钮放在显眼的位置,而下置评论
区块等,所以针对各个不同网站进行适配时,还是避免不了人工的参与,需要手动对一些页面布局进行设计。目前云适配针对不同的网站给出了一些重排的模板,分
别适应媒体、电商、企业官网等需求。

不过,作为一个商业公司,云适配将前端开发工具开源出来会影响其营收吗?Ben
说开源一部分是因为他自己对开源的信仰,希望国内的创业公司也能渐渐一起来做这样的事,另一方面来说开源也是很好的商业模式,可以集聚大量的开发者,使之其中一部分转向云适配
PaaS
的付费用户主要是抓住其中有在云端托管网站、想使用图片压缩等其他增值服务的群体,很大一部分会是建站公司。

此前”云适配”一直在服务企业、媒体、电商等网站,为其提供定制的移动化设计以获取盈利来源,此前合作的客户不乏微软、联想、CSDN、IDG等知
名网站。但”云适配”创始人Ben告诉我,他们已于9月份决定转向做PaaS,如果一直针对企业客户做定制设计,虽然可获得高收入,却将逐渐变
成外包公司,这也违背了创业的初衷。

国内其他的一些开源框架有腾讯的 JX、网易的 NEJ
等,国外最类似的框架则是Bootstrap,以及 Foundation 和 Semantic
UI,不过相比之下 Amaze UI
封装了更多的组件,也加入了本土化的元素,比如可以适配 UC 浏览器、QQ
浏览器等。

他希望将云适配变成基于微软Azure的PaaS,成为服务开发者的开发工
具,最后由开发者直接服务于企业用户。盈利模式也将改为按流量计费——即按照”云适配”为每一个网站进行适配时消耗的云端流量来收费,以及提供增值服务,
比如图片压缩(在云端自动把适应PC浏览的高分辨率图片缩成小分辨率图片,节省用户流量至原先的1/5),或者是正在计划当中的视频转码服务、还有将
flash转化成html5。Ben说他希望通过多种增值服务来提供一站式解决方案,让网站开发者可以直接在云端操作,减少为跨屏所做的额外设计与开发的
工作量。我们可以看下云适配软件界面:

目前 Amaze UI 正在内测中,感兴趣的开发者可以点击这里进入内测申请。


来十年中,屏幕会是一个趋势,现在书本逐步开始被”屏幕”取代,未来杂货铺、加油站、飞机里甚至大型建筑物的表面都会有屏幕,我们也会一
边看电视,一边玩手机和电脑。而所有这些屏幕背后的媒体又会逐渐构成一个类似”生态圈”一样的生态系统,有所互动,彼此依赖。在这样的多屏时代里,跨屏幕
的便捷解决方案自然有其价值。

来源:

总结:

不管是响应式还是云适配,随着浏览器的成长以及用户群体的需求,必将成为主流。至于我们最开始说的第一种方法,必将被淘汰。XP的淘汰已经开始,HTML5和CSS3的技术现在也已经逐步深入到我们的产品之中了,相信不久的将来,互联网会有一个新的定位了。

发表评论

电子邮件地址不会被公开。 必填项已用*标注