一行代碼跨平臺適配顛覆傳統手機建站模式

想要讓用戶在移動端也能瀏覽 PC 網站，一般有兩種方法，一是另起爐竈，從新按照移動端的設計規則建一個移動網站，這樣建成的網站將和原 PC 站相互獨立，好比 新浪網 / www.sina.com.cn 和 手機新浪網 / 3g.sina.com.cn 的區別。另外一種方案則是響應式設計，在建 PC 站前即考慮好頁面佈局如何能適應多屏幕瀏覽，這樣移動設備能夠經過原網址來瀏覽 PC 站點，好比在移動端輸入 www.iceo.com.cn.com，均可以看到自適應屏幕大小後的中國企業家網站。

但以上兩種方法皆有弊端——另起爐竈的方法不只要耗費額外的人力和時間成本，還會在建站完成後遇到一系列問題，好比用戶須要記住兩個域名，這可能致使移動站點流量減小，好比 PC 站和移動網站須要分別作 SEO 和 SEM。而響應式設計的方法雖然解決了域名統一的問題，但對設計師來講，若是是邏輯結構複雜、頁面佈局繁複的網站，要在開始設計以前便考慮好如何佈局頁面纔可以使多屏幕的瀏覽體驗均良好，仍是有必定難度的。所以，「雲適配」但願經過在 PC 站中嵌入一行 JS 代碼來直接解決繁複的適配問題。

「雲適配」的工做原理以下：它會爲須要適配的網站生成一行 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）會是一個趨勢，如今書本逐步開始被「屏幕」取代，將來雜貨鋪、加油站、飛機裏甚至大型建築物的表面都會有屏幕，咱們也會一邊看電視，一邊玩手機和電腦。而全部這些屏幕背後的媒體又會逐漸構成一個相似「生態圈」同樣的生態系統，有所互動，彼此依賴。在這樣的多屏時代裏，跨屏幕的便捷解決方案天然有其價值。

「雲適配」由陳本峯和高婧在去年年末創辦，陳本峯此前在香港科技大學的研究課題即與之相關，後來在微軟總部參與了 IE八、IE9 瀏覽器的內核研發後對網頁渲染技術有了更深的瞭解，所以在回國創業後選擇了這一方向。聯合創始人高婧是香港科技大學和美國哈佛大學學士，擔任過前香港 WebNova 公司商務總監。雲適配於今年 7 月份從微軟雲加速孵化器畢業，得到幾位天使投資人和機構的數百萬人民幣天使投資。