云适配跨屏适配的原理是什么？
这种能时时响应的跨屏适配技术的原理是什么？为什么一行代码就能做到？
按投票排序
目前对云适配的工作原理并没有明确的报道，大多只是说原网页加入一行js代码就调整页面的布局和风格，适合mobile平台的访问。也正如一楼的回答，源文件乱码并没有开源。但是就目前的技术实现和分析，猜测有两个方式可能实现跨屏适配。第一种，比较原始的做法。云适配在转换之前都会让用户先提交url这样以来，通过DOM Analyzer和Style Analyzer分析、分离数据和样式，分离后的数据和样式进行重新渲染，并且优化了HTML/CSS/Javascript代码，减少HTTP连接，产生云适配后的网页，储存到云端。而这行js代码，就是当检测到来自移动端的访问，可以自动调用之前做好的网页返回给浏览器。这样的好处就是快速，同时即使原网页有改动，网页重排更新也是在云端进行的，不影响反馈速度。另一种做法，就是会比较高级点。为网页量身制订优化算法完美转化成mobile friendly版本，加入的js代码就是在调用这个算法，每次访问都要转换一次，时时更新。据了解国外技术比较成熟的像dudamobile做这种一键转化要30s，那么在已知算法的情况下云适配做转换低于30s是完全有可能的。说的是一行代码只是为了宣传，其实在背后还是有不少工作的。
今天专门跑到官网看了看这云适配的工作原理。百度、阿里都有在做移动端的中间件，这个云适配即使时独树一帜，技术也是应该有继承性的，比如它肯定还是得用响应式设计。看完官网例子以后确定，这个云适配就是用JS来做数据过滤，而且用得直接就是jquery来抓内容。然后搞了一个类似bootstrap模板生成器的东西来设置移动端界面模板，这个模板存到它的CDN上，你要引用就得用那一行JS标签来引用它。引用后就会套上它的妹子UI和你之前的排版效果。妹子UI还是用响应式设计来适配各种屏幕大小。因为我是做过bootstrap模板生成器的，所以非常理解它的流程。这种方法相当于把百度那样用后端抓数据再重新排版的中间件方式改用前端JS+cdn服务来做。百度的中间件适合百度公司旗下各种产品的移动端快速生成，这个云适配呢，适合一般用户傻瓜化得移动端定制（此处傻瓜化无任何贬义，编程中把简化操作就叫傻瓜化，我怕非程序员对此有歧义特别解释一下）。但对于特别复杂的页面，比如BI控制面板，排版依旧很困难，云适配并不能一下子自动给你排版好移动端样式来，还是得请专门的人来做。以上是我的分析。我是专门做前端，到现在也5年了。H5并不高深，因为这个东西就是浏览器对移动端做兼容而做的设计，规范和适配都是浏览器厂商来做的，我们只不过是用它的规范来写代码而已。但我们很愿意用H5的概念来忽悠老板、媒体和投资人。总的来说，我感觉这个云适配相当于把之前已有的前端响应式设计、bootstrap模板生成器、CDN服务给综合应用了一下，技术上算不上先进，但是思路很好。它并不会抢了前端的饭碗，相反，前端的饭碗越来越有保证了。个人网站：
有些前端开发经验的话你就能发现它所谓的一行代码实际上是在当前页面引入了一个js文件。这个js文件对当前页面的布局进行了更改，使得当前页面可以跨屏适配。因为文件进行了压缩和混淆，所以无从判断具体的实现方法。
云适配适配是利用HTML5技术用JS代码在网站上部署，据用户设备，实时重新渲染网页应用的内容，使之以最佳的展示及交互方式呈现，帮助企业以及政府机构高效地将应用内容适配分发到各种设备终端上，让用户无论在任何设备/平台上都能享受到极致的使用体验，提高用户满意度和转化率。这项技术已经服务过很多客户，其中包括中国政府网，罗莱家纺，探路者等。
云适配应该不是什么新技术，什么一行代码不过是商业包装的噱头罢了。云适配多说算是dudamobile的山寨版吧，炒作的貌似很nB而已，其实就是个奇葩！他们最近开源的什么AMUI，居然要去他们公司去现场体验，这算什么开源啊！
我只能说，都没说到重点。。云适配的源码没有太去细看，但已经实现了相同的功能，最近也是因为想自己做移动适配才看到此贴。大致思路如下：判断如果为移动设备，则进入适配流程：使用load层遮盖当前页面 -& 轮询并在最佳时机stop -&使用document.open写入新的文档-&在之前缓存的dom数据中获取信息插入新的document中，具体细节大家自己去实践吧。已经有了yunshipei，为什么要自己开发呢？第一：云适配的代码量太大，有近300k，并且存在大量我用不到的代码第二：云适配只能支持dom获取信息，不支持异步加载，不能自定义事件，为了更好的扩展当然自己定制适配最好了。实例：大家尝试下异步加载分页数据，是不是比云适配的体验更好？
曾经采访过他们CEO，觉得还挺牛的，在微软总部研发IE浏览器，还是W3C的布道官，向人国内推HTML 5技术的。这个HTML 5，嘿嘿，原谅我炫耀下，曾经研究过那么一点点，是现在比较热的技术，最近推出的手机浏览器，大概都会用到这个技术，同时，他也是乔布斯强烈推崇的， 反正就是用了这个技术，网页可以做得很炫。云适配的原理，不知道记得有没有误，但大概就是说，利用HTML5还有云计算原理，用JS代码，对网页进行数据分析、抓取，这个代码是存在云端的， 访问时，经过这行代码还是计算什么的，对网页进行HTML重排和CSS渲染，然后就OK了，噗，半年前的东西，现在还能记得些。。。
已有帐号？
无法登录？
社交帐号登录400-069-0309后使用我的收藏没有帐号？
所属分类： &
查看: 10|回复: 1
穿越火线云适配版为什么不能触屏 ...
发表于 6&天前
穿越火线云适配版为什么不能触屏操作
找手游 上18183
TA的勋章：
发表于 6&天前
这问题在te5CF专区里面讲得挺详细的，在攻略大全那块
指尖每日首次回帖可以赚5金币（）收起回复展开回复
找手游 上18183
经常在论坛发帖，且发帖量较大（发帖量4000以上）[][][][][][][][][][][][]
最新文章热门文章
[][][][][][][][][][][][]
[][][][][][][][][][][][]
新手必看: 游戏资料: 快速进阶: 高手进阶:
04-1504-1504-0803-30
今日推荐有奖活动
今日，《僵尸侠》安卓全渠道于今日11：00全渠道上线。伴随着此次安卓全渠道上线，僵尸迷们期待已久的《暴基枪手》姊妹动画最新四集也将从今日起全网开播。
国内金牌研发商西山居携手爱奇艺强强联合，共同推出的热血3D手游《灵域》今日全平台首发。
现在更有庄园系统，宠物乐园，让你呼朋引伴聚城堡，一起开启华丽冒险！
西山居新手游《灵域》来了 下载畅玩游戏晒截图拿酷比魔方i7平板电脑大奖！
日期名称状态下载号
04-19封测04-19内测04-19公测04-19封测04-19内测04-19内测04-19内测04-21公测04-21内测04-22封测04-22公测
12345678910
日期名称号
04-1504-1504-1504-1504-1504-1404-1404-1404-14
京公网安备 86 京ICP证140355号 京网文【-109号&&公司墙上的一句话，几乎可以代表&&的本色：one web，any device。没错，作为一家&卖技术&的，&云适配&所提供的核心服务就是适配技术：只需要在原网站中插入一行代码，就能实现网址不变、内容实时更新的网站移动化。&云适配&CEO陈本峰说，目前，网站为解决移动化的问题，通常采用两种方式，一是另起炉灶，重新按照移动端的设计规则建一个移动网站，这样建成的网站将和原 PC 站相互独立，并产生一个新的域名，比如新浪网（.cn）和手机新浪网网（.cn）；二是响应式设计，在建 PC 站前即考虑好页面布局如何能适应多屏幕浏览，这样移动设备可以通过原网址来浏览 PC 站点。但是，这两种方法都有弊端。另起炉灶显然会耗费人力和时间成本，而响应式设计则多适用于博客等较简单的网站， 结构较复杂的网站（特别是电商网站），如果使用响应式设计，效果并不理想。陈本峰说，&云适配&所要解决的，就是网站移动化的困境。用一段比较技术的语言来介绍&云适配&的技术原理：在 PC 网站植入一行 JS 代码，利用 HTML5 技术，在微软 Azure 云平台用脚本语言（javascript）对 PC 网站进行目标数据（dom）的抓取，采取 CSS 渲染，实现网页结构的实时分析、数据提取和重构，当用户访问网站页面时，云端会根据访问设备的不同，推送不同的适配引擎样式，进行即时干预并优化网页显示效果，实现跨平台网站的创建、优化和增值。&云适配&的技术可以做到跨平台适配、网址不变、内容实时同步更新、数据安全保障、移动交互，同时无需二次 SEO 即可提高网站在搜索引擎上的排名，增加一键拨打、LBS 定位和地图导航、社会化媒体入口以及 App 入口等。&云适配&的官网显示，&云适配&目前已经覆盖全球 5000 多种终端设备类型，已适配的网页超过 2.2 亿个（这个数字在不断刷新中），微软、联想等都是&云适配&的客户。陈本峰说，&云适配&在以后的目标是以 PaaS（Platform as a Service）模式提供服务，成为开发者的开发工具，最后由开发者直接服务于企业用户，盈利模式也将改为按流量计费&&即按照&云适配&为每一个网站进行适配时消耗的云端流量来收费，以及提供增值服务，比如图片压缩（在云端自动把适应 PC 浏览的高分辨率图片缩成小分辨率图片，节省用户流量至原先的 1/5），或者是正在计划当中的视频转码服务、还有将 flash 转化成 HTML5。陈本峰本科毕业于中国科学技术大学电子工程系。2000 年的时候，他在中科大的一项软件大赛中获得了第一名，并因此加入了成立还没多久的科大讯飞。当时，科大讯飞还是一个导师带着几个学生做的科研项目。现在回想起来，陈本峰说，&在中科大求学的时光里，我的多数时间都贡献给了科大讯飞。&之后，陈本峰离开中科大和科大讯飞，前往香港科技大学读研究生。2006 年，他远赴美国加入微软的 IE 浏览器团队。2011 年下半年，陈本峰返回香港开始创业，并在去年年底回到北京，申请加入了微软云加速的孵化器。刚到北京的时候，&云适配&的团队只有两个人：陈本峰和另一位联合创始人。高婧是香港科技大学和美国哈佛大学学士，之前曾担任过香港 WebNova 公司的商务总监。而现在，&云适配&团队已经发展到 50 多人，并在今年 7 月份的时候从微软云加速器&毕业&，搬到了新的办公场地，并已经在近期完成了 A 轮融资。
24小时报不停
余承东透露华为手机最新收入：一季度销售额同比增61%
传三星电子获苹果OLED订单，每年提供1亿块OLED屏
腾讯拟向银行贷款20亿美元，资助收购交易和扩张
在线教育创企Yup获400万美元投资，提供外包作业辅导
《财富》中国最具影响力商界领袖：马化腾居首
苹果急忙修复与美政府关系，副总统助理将执掌游说
SaaS云服务提供商容联七陌完成3500万A轮融资
世纪华通拟134亿购中手游等6公司
阿里音乐正式上线阿里星球，李易峰已作为嘉宾入驻
熊晓鸽：IDG资本共投了50多家企业服务领域的公司
新版Chrome浏览器已停止支持XP系统
奇虎360延长对Opera收购要约期限，所获股权数量不够
京东官方：京东到家将与达达物流进行合并！
链家新融资募集64亿，估值365.2亿，投资方曝光
去年百亿电信诈骗赃款流入台湾，近10万人以此为生
今年纯电动汽车每辆最高补5.5万，明年就要降了
世纪互联私有化仍在推进，雷军系超陈升是最大股东
苹果5月25日将终止iTunes补贴服务，原因不明
优步司机追打乘客被刑拘，平台也需担责
美运营商将从今年年底开始测试5G网络，相关标准可能会在2020年形成
Uber自豪地宣布在美国实现盈利：每单提成25%赚19美分
传58到家和京东到家将合并，陈小华朋友圈疑似回应
多种因素致今年微软Windows营收下跌7.5%至135亿美元
是时候说再见了！淘宝停止支持IE6/IE7浏览器
乐视超级手机2继续官方自曝：业内最快内存
群呼应用创企Meucci获600万美元融资，支持蜂窝网络打电话
夏普机器人形手机将上市：能与人互动，售价超1万元
任天堂新手游Miitomo：日活跃用户达100万，每周创收28万美元
理财范完成C 轮3.3亿元融资，投资方为英达投资
YY直播女皇毒药出任陪我App副总裁兼首席娱乐官
优步进军中国二三线城市，合肥增速骄人，3周拿下50%份额，注册车主超10万
基因检测公司“星舰基因”完成千万元级别的天使融资
互联网金融平台“京金所”完成A轮5000万融资
VR游戏公司哈视奇获近千万元天使轮投资，清科创投领投
女装二手交易平台Poshmark获2500万美元融资，由GGV Capital领投
校企对接平台“有粒糖”获得近千万天使投资
华人文化入股女子偶像团体“SNH48”运营公司丝芭传媒
河狸家启动“百人计划”，重金挖角BAT
Facebook要在路灯杆上安装WiFi，网速高达1Gbps
涉嫌骗局P2P平台将被并购，兑付最晚2018年完毕
支付宝可以办理港澳通行证续签了！
央视新闻官微：斗鱼熊猫TV等多家网络直播平台涉暴力淫秽被查
机构称P2P平台坏账规模最低645亿元
华为将在国内发布P9和P9 Plus手机
紫光集团收购美国芯片制造商莱迪思6%股份，或增持股份
福布斯：HTC高管深信Vive可以拯救手机业务
GoPro挖角苹果高管负责产品设计
WhatsApp全球用户总数超9亿，仅58名技术人员
分众借壳上市后首次定增：募资50亿，投资影视
亚马逊发布新一代电子书阅读器Kindle Oasis，售价2499
首个中法创业者服务器在上海交大慧谷成立，系首个为中法创业者服务的孵化器