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