设为首页收藏本站

LUPA开源社区

 找回密码
 注册
文章 帖子 博客
LUPA开源社区 首页 IT综合资讯 查看内容

以一行JS代码将PC网站移动化

2013-10-14 14:05| 发布者: joejoe0332| 查看: 3000| 评论: 0|原作者: 苑伶 |来自: 36kr

摘要:   想要让用户在移动端也能浏览PC网站,通常有两种方法,一是另起炉灶,重新按照移动端的设计规则建一个移动网站,这样建成的网站将和原PC站相互独立,比如 新浪网 / www.sina.com.cn 和 手机新浪网 / 3g.sina.com. ...

  想要让用户在移动端也能浏览PC网站,通常有两种方法,一是另起炉灶,重新按照移动端的设计规则建一个移动网站,这样建成的网站将和原PC站相互独立,比如 新浪网 / www.sina.com.cn 和 手机新浪网 / 3g.sina.com.cn 的区别。另一种方案则是响应式设计,在建PC站前即考虑好页面布局如何能适应多屏幕浏览,这样移动设备可以通过原网址来浏览PC站点,比如在移动端输入www.36kr.com,都可以看到自适应屏幕大小后的36氪网站。



  但以上两种方法皆有弊端——另起炉灶的方法不仅要耗费额外的人力和时间成本,还会在建站完成后遇到一系列问题,比如用户需要记住两个域名,这可能导致移动站点流量减少,比如PC站和移动网站需要分别做SEO和SEM。而响应式设计的方法虽然解决了域名统一的问题,但对设计师来说,如果是逻辑结构复杂、页面布局繁复的网站,要在开始设计之前便考虑好如何布局页面才可使多屏幕的浏览体验均良好,还是有一定难度的。因此,“云适配”希望通过在PC站中嵌入一行JS代码来直接解决繁复的适配问题。


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



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



酷毙

雷人

鲜花

鸡蛋

漂亮
  • 快毕业了,没工作经验,
    找份工作好难啊?
    赶紧去人才芯片公司磨练吧!!

最新评论

关于LUPA|人才芯片工程|人才招聘|LUPA认证|LUPA教育|LUPA开源社区 ( 浙B2-20090187 浙公网安备 33010602006705号   

返回顶部