久久福利_99r_国产日韩在线视频_直接看av的网站_中文欧美日韩_久久一

您的位置:首頁技術(shù)文章
文章詳情頁

以一行JS代碼將PC網(wǎng)站移動化,想成為PaaS的“云適配”試圖以簡化方式做跨屏適配

瀏覽:104日期:2024-05-25 11:46:24

以一行JS代碼將PC網(wǎng)站移動化,想成為PaaS的“云適配”試圖以簡化方式做跨屏適配

想要讓用戶在移動端也能瀏覽 PC 網(wǎng)站,通常有兩種方法,一是另起爐灶,重新按照移動端的設(shè)計規(guī)則建一個移動網(wǎng)站,這樣建成的網(wǎng)站將和原 PC 站相互獨立,比如 新浪網(wǎng) /www.sina.com.cn和 手機(jī)新浪網(wǎng) / 3g.sina.com.cn 的區(qū)別。另一種方案則是響應(yīng)式設(shè)計,在建 PC 站前即考慮好頁面布局如何能適應(yīng)多屏幕瀏覽,這樣移動設(shè)備可以通過原網(wǎng)址來瀏覽 PC 站點,比如在移動端輸入 www.36kr.com,都可以看到自適應(yīng)屏幕大小后的36氪網(wǎng)站。

但以上兩種方法皆有弊端——另起爐灶的方法不僅要耗費額外的人力和時間成本,還會在建站完成后遇到一系列問題,比如用戶需要記住兩個域名,這可能導(dǎo)致移動站點流量減少,比如 PC 站和移動網(wǎng)站需要分別做 SEO 和 SEM。而響應(yīng)式設(shè)計的方法雖然解決了域名統(tǒng)一的問題,但對設(shè)計師來說,如果是邏輯結(jié)構(gòu)復(fù)雜、頁面布局繁復(fù)的網(wǎng)站,要在開始設(shè)計之前便考慮好如何布局頁面才可使多屏幕的瀏覽體驗均良好,還是有一定難度的。因此,“云適配”希望通過在 PC 站中嵌入一行 JS 代碼來直接解決繁復(fù)的適配問題。

“云適配”的工作原理如下:它會為需要適配的網(wǎng)站生成一行 JS 代碼,這行代碼被嵌入網(wǎng)站源代碼后,即可發(fā)揮適配作用。它利用 html5 技術(shù),通過 JS 實現(xiàn)對 PC 網(wǎng)站目標(biāo)網(wǎng)頁數(shù)據(jù)的分析和抓取,并在云端完成針對用戶當(dāng)前設(shè)備的網(wǎng)頁最佳展現(xiàn)方式的計算,最后在瀏覽器端實現(xiàn) html 結(jié)構(gòu)的重排以及 CSS 的重新渲染,以適應(yīng)移動端用戶的瀏覽習(xí)慣。而由于該行 JS 代碼獲得的是網(wǎng)頁前端數(shù)據(jù)信息,所以可以實現(xiàn)內(nèi)容的實時更新和動態(tài)頁面的實時生成,不被第三方服務(wù)器緩存。這一點也區(qū)別于百度 site app 通過搜索引擎抓取靜態(tài)頁面,并在 PC 站和移動站之間進(jìn)行域名映射的適配思路。

以一行JS代碼將PC網(wǎng)站移動化,想成為PaaS的“云適配”試圖以簡化方式做跨屏適配

不過,雖然“云適配”可以自動實現(xiàn)移動網(wǎng)頁的重排,但由于每個網(wǎng)站都有自己特殊的排版需求,比如電商網(wǎng)站會希望“購物”按鈕放在顯眼的位置,而下置評論區(qū)塊等,所以針對各個不同網(wǎng)站進(jìn)行適配時,還是避免不了人工的參與,需要手動對一些頁面布局進(jìn)行設(shè)計。目前云適配針對不同的網(wǎng)站給出了一些重排的模板,分別適應(yīng)媒體、電商、企業(yè)官網(wǎng)等需求。

此前“云適配”一直在服務(wù)企業(yè)、媒體、電商等網(wǎng)站,為其提供定制的移動化設(shè)計以獲取盈利來源,此前合作的客戶不乏微軟、聯(lián)想、CSDN、IDG 等知名網(wǎng)站。但“云適配”創(chuàng)始人 Ben(陳本峰)告訴我,他們已于 9 月份決定轉(zhuǎn)向做 PaaS,如果一直針對企業(yè)客戶做定制設(shè)計,雖然可獲得高收入,卻將逐漸變成外包公司,這也違背了創(chuàng)業(yè)的初衷。

他希望將云適配變成基于微軟 Azure 的 PaaS,成為服務(wù)開發(fā)者的開發(fā)工具,最后由開發(fā)者直接服務(wù)于企業(yè)用戶。盈利模式也將改為按流量計費——即按照“云適配”為每一個網(wǎng)站進(jìn)行適配時消耗的云端流量來收費,以及提供增值服務(wù),比如圖片壓縮(在云端自動把適應(yīng) PC 瀏覽的高分辨率圖片縮成小分辨率圖片,節(jié)省用戶流量至原先的 1/5),或者是正在計劃當(dāng)中的視頻轉(zhuǎn)碼服務(wù)、還有將 flash 轉(zhuǎn)化成 html5。Ben 說他希望通過多種增值服務(wù)來提供一站式解決方案,讓網(wǎng)站開發(fā)者可以直接在云端操作,減少為跨屏所做的額外設(shè)計與開發(fā)的工作量。

以一行JS代碼將PC網(wǎng)站移動化,想成為PaaS的“云適配”試圖以簡化方式做跨屏適配

而對于適配技術(shù)在未來的價值,Ben 表達(dá)的觀點則和K.K.很相近——

未來十年中,屏幕(Screen)會是一個趨勢,現(xiàn)在書本逐步開始被“屏幕”取代,未來雜貨鋪、加油站、飛機(jī)里甚至大型建筑物的表面都會有屏幕,我們也會一邊看電視,一邊玩手機(jī)和電腦。而所有這些屏幕背后的媒體又會逐漸構(gòu)成一個類似“生態(tài)圈”一樣的生態(tài)系統(tǒng),有所互動,彼此依賴。在這樣的多屏?xí)r代里,跨屏幕的便捷解決方案自然有其價值。

“云適配”由陳本峰和高婧在去年年底創(chuàng)辦,陳本峰此前在香港科技大學(xué)的研究課題即與之相關(guān),后來在微軟總部參與了 IE8、IE9 瀏覽器的內(nèi)核研發(fā)后對網(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ù)百萬人民幣天使投資。

標(biāo)簽: JavaScript
主站蜘蛛池模板: 欧美日韩一区二区视频在线观看 | 亚洲av毛片 | 成人日韩在线观看 | 美女久久久 | 欧美日韩一区二区视频在线观看 | 欧美最猛性xxxxx亚洲精品 | 91精品国产综合久久久蜜臀粉嫩 | 午夜影院免费视频 | 成人毛片在线观看 | 精品一区二区久久 | 一区二区中文字幕在线观看 | 一色一黄视频 | 99在线看 | 精品在线视频观看 | 中文字幕天天操 | 欧美日韩综合一区 | 国产日韩欧美91 | 国产精品一区二区三区在线 | 久草电影网 | 国产精品美女在线观看 | 国产免费一区二区三区 | 在线伊人网 | 亚洲精品电影网在线观看 | 国产午夜精品一区二区三区嫩草 | 日韩一级 | 午夜免费一区二区播放 | 欧美激情精品久久久久久免费 | 黄色高清视频在线观看 | 亚洲成人二区 | 极品久久 | 欧美日产国产成人免费图片 | 午夜成人免费电影 | 国产一区二区三区在线免费观看 | 簧片免费网站 | 黄色影片免费在线观看 | 亚洲美女一区 | 亚洲精品免费看 | 国产精品国产精品国产专区不卡 | 亚洲网站在线观看 | 日日日操 | 欧美成人精品一区二区三区 |