想要讓用戶在移動端也能瀏覽 PC 網站,通常有兩種方法,一是另起爐灶,重新按照移動端的設計規(guī)則建一個移動網站,這樣建成的網站將和原 PC 站相互獨立,比如 新浪網 /www.sina.com.cn 和 手機新浪網 / 3g.sina.com.cn 的區(qū)別。另一種方案則是響應式設計,在建 PC 站前即考慮好頁面布局如何能適應多屏幕瀏覽,這樣移動設備可以通過原網址來瀏覽 PC 站點,比如在移動端輸入 www.36kr.com,都可以看到自適應屏幕大小后的36氪網站。
但以上兩種方法皆有弊端——另起爐灶的方法不僅要耗費額外的人力和時間成本,還會在建站完成后遇到一系列問題,比如用戶需要記住兩個域名,這可能導致移動站點流量減少,比如 PC 站和移動網站需要分別做 SEO 和 SEM。而響應式設計的方法雖然解決了域名統(tǒng)一的問題,但對設計師來說,如果是邏輯結構復雜、頁面布局繁復的網站,要在開始設計之前便考慮好如何布局頁面才可使多屏幕的瀏覽體驗均良好,還是有一定難度的。因此,“云適配”希望通過在 PC 站中嵌入一行 JS 代碼來直接解決繁復的適配問題。
“云適配”的工作原理如下:它會為需要適配的網站生成一行 JS 代碼,這行代碼被嵌入網站源代碼后,即可發(fā)揮適配作用。它利用 html5 技術,通過 JS 實現(xiàn)對 PC 網站目標網頁數據的分析和抓取,并在云端完成針對用戶當前設備的網頁最佳展現(xiàn)方式的計算,最后在瀏覽器端實現(xiàn) html 結構的重排以及 CSS 的重新渲染,以適應移動端用戶的瀏覽習慣。而由于該行 JS 代碼獲得的是網頁前端數據信息,所以可以實現(xiàn)內容的實時更新和動態(tài)頁面的實時生成,不被第三方服務器緩存。這一點也區(qū)別于百度 site app 通過搜索引擎抓取靜態(tài)頁面,并在 PC 站和移動站之間進行域名映射的適配思路。
不過,雖然“云適配”可以自動實現(xiàn)移動網頁的重排,但由于每個網站都有自己特殊的排版需求,比如電商網站會希望“購物”按鈕放在顯眼的位置,而下置評論區(qū)塊等,所以針對各個不同網站進行適配時,還是避免不了人工的參與,需要手動對一些頁面布局進行設計。目前云適配針對不同的網站給出了一些重排的模板,分別適應媒體、電商、企業(yè)官網等需求。
此前“云適配”一直在服務企業(yè)、媒體、電商等網站,為其提供定制的移動化設計以獲取盈利來源,此前合作的客戶不乏微軟、聯(lián)想、CSDN、IDG 等知名網站。但“云適配”創(chuàng)始人 Ben(陳本峰)告訴我,他們已于 9 月份決定轉向做 PaaS,如果一直針對企業(yè)客戶做定制設計,雖然可獲得高收入,卻將逐漸變成外包公司,這也違背了創(chuàng)業(yè)的初衷。
他希望將云適配變成基于微軟 Azure 的 PaaS,成為服務開發(fā)者的開發(fā)工具,最后由開發(fā)者直接服務于企業(yè)用戶。盈利模式也將改為按流量計費——即按照“云適配”為每一個網站進行適配時消耗的云端流量來收費,以及提供增值服務,比如圖片壓縮(在云端自動把適應 PC 瀏覽的高分辨率圖片縮成小分辨率圖片,節(jié)省用戶流量至原先的 1/5),或者是正在計劃當中的視頻轉碼服務、還有將 flash 轉化成 html5。Ben 說他希望通過多種增值服務來提供一站式解決方案,讓網站開發(fā)者可以直接在云端操作,減少為跨屏所做的額外設計與開發(fā)的工作量。
而對于適配技術在未來的價值,Ben 表達的觀點則和K.K.很相近——
未來十年中,屏幕(Screen)會是一個趨勢,現(xiàn)在書本逐步開始被“屏幕”取代,未來雜貨鋪、加油站、飛機里甚至大型建筑物的表面都會有屏幕,我們也會一邊看電視,一邊玩手機和電腦。而所有這些屏幕背后的媒體又會逐漸構成一個類似“生態(tài)圈”一樣的生態(tài)系統(tǒng),有所互動,彼此依賴。在這樣的多屏時代里,跨屏幕的便捷解決方案自然有其價值。
“云適配”由陳本峰和高婧在去年年底創(chuàng)辦,陳本峰此前在香港科技大學的研究課題即與之相關,后來在微軟總部參與了 IE8、IE9 瀏覽器的內核研發(fā)后對網頁渲染技術有了更深的了解,因此在回國創(chuàng)業(yè)后選擇了這一方向。聯(lián)合創(chuàng)始人高婧是香港科技大學和美國哈佛大學學士,擔任過前香港 WebNova 公司商務總監(jiān)。云適配于今年 7 月份從微軟云加速孵化器畢業(yè),獲得幾位天使投資人和機構的數百萬人民幣天使投資。