以一行JS代碼將PC網站移動化,想成為PaaS的“云適配”試圖以簡化方式做跨屏適配
想要讓用戶在移動端也能瀏覽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站和移動站之間進行域名映射的適配思路。
不過,雖然“云適配”可以自動實現移動網頁的重排,但由于每個網站都有自己特殊的排版需求,比如電商網站會希望“購物”按鈕放在顯眼的位置,而下置評論區塊等,所以針對各個不同網站進行適配時,還是避免不了人工的參與,需要手動對一些頁面布局進行設計。目前云適配針對不同的網站給出了一些重排的模板,分別適應媒體、電商、企業官網等需求。
此前“云適配”一直在服務企業、媒體、電商等網站,為其提供定制的移動化設計以獲取盈利來源,此前合作的客戶不乏微軟、聯想、CSDN、IDG等知名網站。但“云適配”創始人Ben(陳本峰)告訴我,他們已于9月份決定轉向做PaaS,如果一直針對企業客戶做定制設計,雖然可獲得高收入,卻將逐漸變成外包公司,這也違背了創業的初衷。
他希望將云適配變成基于微軟Azure的PaaS,成為服務開發者的開發工具,最后由開發者直接服務于企業用戶。盈利模式也將改為按流量計費——即按照“云適配”為每一個網站進行適配時消耗的云端流量來收費,以及提供增值服務,比如圖片壓縮(在云端自動把適應PC瀏覽的高分辨率圖片縮成小分辨率圖片,節省用戶流量至原先的1/5),或者是正在計劃當中的視頻轉碼服務、還有將flash轉化成html5。Ben說他希望通過多種增值服務來提供一站式解決方案,讓網站開發者可以直接在云端操作,減少為跨屏所做的額外設計與開發的工作量。
而對于適配技術在未來的價值,Ben表達的觀點則和K.K.很相近——
未來十年中,屏幕(Screen)會是一個趨勢,現在書本逐步開始被“屏幕”取代,未來雜貨鋪、加油站、飛機里甚至大型建筑物的表面都會有屏幕,我們也會一邊看電視,一邊玩手機和電腦。而所有這些屏幕背后的媒體又會逐漸構成一個類似“生態圈”一樣的生態系統,有所互動,彼此依賴。在這樣的多屏時代里,跨屏幕的便捷解決方案自然有其價值。
“云適配”由陳本峰和高婧在去年年底創辦,陳本峰此前在香港科技大學的研究課題即與之相關,后來在微軟總部參與了IE8、IE9瀏覽器的內核研發后對網頁渲染技術有了更深的了解,因此在回國創業后選擇了這一方向。聯合創始人高婧是香港科技大學和美國哈佛大學學士,擔任過前香港WebNova公司商務總監。云適配于今年7月份從微軟云加速孵化器畢業,獲得幾位天使投資人和機構的數百萬人民幣天使投資。