文档章节

PC网站变成手机站“云适配”试图以简化方式做跨屏适配

王尘宇
 王尘宇
发布于 2017/09/07 00:06
字数 1073
阅读 1
收藏 0
点赞 0
评论 0
“云适配”的工作原理如下:它会为需要适配的网站生成一行 JS 代码,这行代码被嵌入网站源代码后,即可发挥适配作用。它利用 html5 技术,通过 JS 实现对 PC 网站目标网页数据的分析和抓取,并在云端完成针对用户当前设备的网页最佳展现方式的计算,最后在浏览器端实现 html 结构的重排以及 CSS 的重新渲染,以适应移动端用户的浏览习惯。而由于该行 JS 代码获得的是网页前端数据信息,所以可以实现内容的实时更新和动态页面的实时生成,不被第三方服务器缓存。这一点也区别于百度 site app 通过搜索引擎抓取静态页面,并在 PC 站和移动站之间进行域名映射的适配思路。 不过,虽然“云适配”可以自动实现移动网页的重排,但由于每个网站都有自己特殊的排版需求,比如电商网站会希望“购物”按钮放在显眼的位置,而下置评论区块等,所以针对各个不同网站进行适配时,还是避免不了人工的参与,需要手动对一些页面布局进行设计。目前云适配针对不同的网站给出了一些重排的模板,分别适应媒体、电商、企业官网等需求。 此前“云适配”一直在服务企业、媒体、电商等网站,为其提供定制的移动化设计以获取盈利来源,此前合作的客户不乏微软、联想、CSDN、IDG 等知名网站。但“云适配”创始人 Ben(陈本峰)告诉我,他们已于 9 月份决定转向做 PaaS,如果一直针对企业客户做定制设计,虽然可获得高收入,却将逐渐变成外包公司,这也违背了创业的初衷。 他希望将云适配变成基于微软 Azure 的 PaaS,成为服务开发者的开发工具,最后由开发者直接服务于企业用户。盈利模式也将改为按流量计费——即按照“云适配”为每一个网站进行适配时消耗的云端流量来收费,以及提供增值服务,比如图片压缩(在云端自动把适应 PC 浏览的高分辨率图片缩成小分辨率图片,节省用户流量至原先的 1/5),或者是正在计划当中的视频转码服务、还有将 flash 转化成 html5。Ben 说他希望通过多种增值服务来提供一站式解决方案,让网站开发者可以直接在云端操作,减少为跨屏所做的额外设计与开发的工作量。 而对于适配技术在未来的价值,Ben 表达的观点则和 K.K.很相近——
未来十年中,屏幕(Screen)会是一个趋势,现在书本逐步开始被“屏幕”取代,未来杂货铺、加油站、飞机里甚至大型建筑物的表面都会有屏幕,我们也会一边看电视,一边玩手机和电脑。而所有这些屏幕背后的媒体又会逐渐构成一个类似“生态圈”一样的生态系统,有所互动,彼此依赖。在这样的多屏时代里,跨屏幕的便捷解决方案自然有其价值。
“云适配”由陈本峰和高婧在去年年底创办,陈本峰此前在香港科技大学的研究课题即与之相关,后来在微软总部参与了 IE8、IE9 浏览器的内核研发后对网页渲染技术有了更深的了解,因此在回国创业后选择了这一方向。联合创始人高婧是香港科技大学和美国哈佛大学学士,担任过前香港 WebNova 公司商务总监。云适配于今年 7 月份从微软云加速孵化器毕业,获得几位天使投资人和机构的数百万人民币天使投资。

© 著作权归作者所有

共有 人打赏支持
王尘宇
粉丝 1
博文 450
码字总数 469557
作品 0
西安
Amaze UI 让 HTML5Web 应用接近原生体验

近日,第四届HTML5峰会在北京国际会议中心拉开序幕,云适配携其“HTML5跨屏前端框架Amaze UI”亮相,并在大会上了做了《组件化-Web前端开发的未来趋势》的重要演讲。 组件化是Web开发的未来趋...

妹子有爱 ⋅ 2015/08/10 ⋅ 2

Amaze UI让HTML5 Web应用接近原生体验

近日,第四届HTML5峰会在北京国际会议中心拉开序幕,云适配携其“HTML5跨屏前端框架Amaze UI”高调亮相,并在大会上了做了《组件化-Web前端开发的未来趋势》的重要演讲。 组件化是Web开发的未...

妹子有爱 ⋅ 2015/08/10 ⋅ 0

陈本峰:一行代码改变世界

他是IE浏览器“404 Error”的缔造者,是国际互联网标准联盟W3C中国区HTML5布道官,是“一行代码改变世界”的云适配创始人,他游历香港和硅谷,他是技术男,也是创业者。本期程序员客栈席文奕...

程序员客栈 ⋅ 2016/04/26 ⋅ 0

如何建设一个适配“百度轻舟计划”的移动站

百度轻舟计划已经出来了,目的很明确,提升百度在移动端的影响力,初步删除PC端的网页,加强移动站的网页权重吗,该计划要实现的目标是移动搜索达到百分百移动化。去年百度siteapp、开发者中...

卢松松 ⋅ 2014/03/13 ⋅ 0

号外!号外!全网第一手Android P刘海屏适配大揭秘,唯一Kotlin算法

1. 背景   Apple一直在引领设计的潮流,自从iPhone X发布之后,刘海屏就一直存在争议。不过不管你怎样,Android也要跻入“刘海屏“的行列,Android P预览版增加了很多亮点新特性,其中最接...

keyu88888 ⋅ 05/04 ⋅ 0

跨屏测 Adaptest 移动适配 CSS v1.1 发布

跨屏测 Adaptest移动适配css v1.1 发布了。跨屏测 Adaptest移动适配css是 是跨屏测推出的用于适配的基础css框架,基于html5+css3,用于已有pc网站进行移动适配,它提供一个可靠的css基础去创...

qietuwang ⋅ 2016/05/10 ⋅ 0

老司机教你如何优雅地完成一个小项目测试

欢迎大家前往腾讯云社区,获取更多腾讯海量技术实践干货哦~ 作者:高苡新 团队:腾讯移动品质中心TMQ 一、概述 本文以写实风格记录TBS Studio开发调试工具测试全过程。包括测试人力申请、测试...

腾讯云社区 ⋅ 2017/10/26 ⋅ 0

XCode中的sizeclass(Vary for Traits)匹配手机的横竖屏

几乎所有的iOS开发者都会遇到屏幕适配的问题,苹果提供了很多方法来做适配,包括、等。同时,为了更方便的做适配,我们还可以使用一些第三方的框架,如OC中的Masonry(Swift中有对应的SnapK...

BennyLoo ⋅ 2017/10/17 ⋅ 0

[Amaze UI] 如何推进 mobile first 的前端 Web 方案

背景:云适配创立之初,我们就开始积累自己的前端框架,同时也借鉴了Bootstrap等国外框架的优点。在内部使用过程中,大家一致反映不错,我们就希望把这个产品开源,希望分享给更多的人,也希...

陈本峰 ⋅ 2014/07/18 ⋅ 0

一大波 Android 刘海屏来袭,全网\Maybe/最全适配技巧!

一、序 Hi,大家好,我是承香墨影! Apple 一直在引领设计的潮流,自从 iPhone X 发布之后,"刘海屏" 就一直存在争议。不过不管你怎样,Android 也要跻入 "刘海屏" 的行列,尤其是 Android ...

承香墨影 ⋅ 04/12 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

浅谈springboot Web模式下的线程安全问题

我们在@RestController下,一般都是@AutoWired一些Service,由于这些Service都是单例,所以并不存在线程安全问题。 由于Controller本身是单例模式 (非线程安全的), 这意味着每个request过来,...

算法之名 ⋅ 今天 ⋅ 0

知乎Java数据结构

作者:匿名用户 链接:https://www.zhihu.com/question/35947829/answer/66113038 来源:知乎 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 感觉知乎上嘲讽题主简...

颖伙虫 ⋅ 今天 ⋅ 0

Confluence 6 恢复一个站点有关使用站点导出为备份的说明

推荐使用生产备份策略。我们推荐你针对你的生产环境中使用的 Confluence 参考 Production Backup Strategy 页面中的内容进行备份和恢复(这个需要你备份你的数据库和 home 目录)。XML 导出备...

honeymose ⋅ 今天 ⋅ 0

JavaScript零基础入门——(九)JavaScript的函数

JavaScript零基础入门——(九)JavaScript的函数 欢迎回到我们的JavaScript零基础入门,上一节课我们了解了有关JS中数组的相关知识点,不知道大家有没有自己去敲一敲,消化一下?这一节课,...

JandenMa ⋅ 今天 ⋅ 0

火狐浏览器各版本下载及插件httprequest

各版本下载地址:http://ftp.mozilla.org/pub/mozilla.org//firefox/releases/ httprequest插件截至57版本可用

xiaoge2016 ⋅ 今天 ⋅ 0

Docker系列教程28-实战:使用Docker Compose运行ELK

原文:http://www.itmuch.com/docker/28-docker-compose-in-action-elk/,转载请说明出处。 ElasticSearch【存储】 Logtash【日志聚合器】 Kibana【界面】 答案: version: '2'services: ...

周立_ITMuch ⋅ 今天 ⋅ 0

使用快嘉sdkg极速搭建接口模拟系统

在具体项目研发过程中,一旦前后端双方约定好接口,前端和app同事就会希望后台同事可以尽快提供可供对接的接口方便调试,而对后台同事来说定好接口还仅是个开始、设计流程,实现业务逻辑,编...

fastjrun ⋅ 今天 ⋅ 0

PXE/KickStart 无人值守安装

导言 作为中小公司的运维,经常会遇到一些机械式的重复工作,例如:有时公司同时上线几十甚至上百台服务器,而且需要我们在短时间内完成系统安装。 常规的办法有什么? 光盘安装系统 ===> 一...

kangvcar ⋅ 昨天 ⋅ 0

使用Puppeteer撸一个爬虫

Puppeteer是什么 puppeteer是谷歌chrome团队官方开发的一个无界面(Headless)chrome工具。Chrome Headless将成为web应用自动化测试的行业标杆。所以我们很有必要来了解一下它。所谓的无头浏...

小草先森 ⋅ 昨天 ⋅ 0

Java Done Right

* 表示难度较大或理论性较强。 ** 表示难度更大或理论性更强。 【Java语言本身】 基础语法,面向对象,顺序编程,并发编程,网络编程,泛型,注解,lambda(Java8),module(Java9),var(...

风华神使 ⋅ 昨天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部