android - 京東移動(dòng)端網(wǎng)頁(yè)和其app加載的url所做的呈現(xiàn)不應(yīng)該是完全一樣的嗎?
問(wèn)題描述
眾所周知,移動(dòng)web開(kāi)發(fā)跟web前端開(kāi)發(fā)差別不大,使用的技術(shù)都是html+css+js;
而web app開(kāi)發(fā)特指的是用html5技術(shù)開(kāi)發(fā),之所以叫web app是因?yàn)樗容^接近客戶端應(yīng)用程序的用戶體驗(yàn),可以和系統(tǒng)深度融合,調(diào)用一些只有客戶端才能調(diào)用的功能(比如在移動(dòng)設(shè)備上利用html5開(kāi)發(fā)出的網(wǎng)頁(yè)可以訪問(wèn)電話、攝像頭等本地功能)。
當(dāng)web app加載的URL與移動(dòng)端網(wǎng)頁(yè)是同一個(gè)網(wǎng)站時(shí),加載內(nèi)容與網(wǎng)頁(yè)的呈現(xiàn)應(yīng)該完全一樣。
然而,當(dāng)我用web app加載京東網(wǎng)時(shí),發(fā)現(xiàn)所加載的移動(dòng)端網(wǎng)頁(yè)和京東app的呈現(xiàn)有一些小差異,例如:
在手機(jī)瀏覽器打開(kāi)京東網(wǎng)首頁(yè)得到:點(diǎn)擊分類(lèi)得到:
在web app demo中加載的到首頁(yè):點(diǎn)擊分類(lèi)同樣:
所加載的內(nèi)容完全一樣是理所當(dāng)然的(除了demo里面的TextView是我自己加的)。
而在京東app中,首頁(yè)呈現(xiàn)為:點(diǎn)擊分類(lèi)得到:
我們會(huì)發(fā)現(xiàn)兩者的呈現(xiàn)還是有不一樣的地方。。如果要在web app demo里面做出跟京東app做一模一樣的呈現(xiàn),要怎么改?問(wèn)題有點(diǎn)奇葩,可能有點(diǎn)鉆牛角尖了,不喜勿噴。。。歡迎有興趣的留言啦~比心?
問(wèn)題解答
回答1:京東APP不一定就是一個(gè)webview去請(qǐng)求url吧?
他可能APP內(nèi)打包有一套html+css+js代碼,然后通過(guò)請(qǐng)求相應(yīng)數(shù)據(jù)
也就是說(shuō),京東APP不是請(qǐng)求網(wǎng)頁(yè)版京東,而是有另一套實(shí)現(xiàn)
回答2:你用開(kāi)發(fā)者模式打開(kāi)布局邊界,你會(huì)發(fā)現(xiàn)JD app的Tab,掃描按鈕,通知還有其他的是原生寫(xiě)的的。而webapp 中全部是由H5寫(xiě)的,當(dāng)然是不一樣的啦。如圖:
手機(jī)瀏覽器打開(kāi)的京東頁(yè)面其實(shí)就是pc端京東的頁(yè)面,url是一樣的,而app往往是pc端網(wǎng)站出了很久才有的產(chǎn)物,他們很多情況下不是一樣的技術(shù)和一樣的頁(yè)面,代碼和頁(yè)面都會(huì)有差異,只不過(guò)有的頁(yè)面會(huì)借鑒原來(lái)pc端的代碼而已,如果細(xì)心的話可以發(fā)現(xiàn)很多app都比它對(duì)應(yīng)的pv端網(wǎng)頁(yè)性能要好,UI要好看或者很多新特性,比如qq空間,電腦端慢的不行,而手機(jī)端卻沒(méi)有太多的障礙,你想兩者一樣,那只有共用一樣的前端代碼了,要求操作體驗(yàn)一樣或許還要共用一樣的后端API
相關(guān)文章:
1. docker - 如何修改運(yùn)行中容器的配置2. javascript - log4js的使用問(wèn)題3. angular.js - angular ng-class里面的引號(hào)問(wèn)題4. javascript - Web微信聊天輸入框解決方案5. javascript - 移動(dòng)端textarea不能上下滑動(dòng),該怎么解決?6. javascript - 為什么這個(gè)點(diǎn)擊事件需要點(diǎn)擊兩次才有效果7. css - 對(duì)于類(lèi)選擇器使用的問(wèn)題8. javascript - 音頻加載問(wèn)題9. javascript - Ajax加載Json時(shí),移動(dòng)端頁(yè)面向左上角縮小一截兒,加載完成后才正常顯示,這該如何解決?10. javascript - 有沒(méi)有什么好的圖片懶加載的插件,需要包含監(jiān)聽(tīng)頁(yè)面滾動(dòng)高度,然后再加載的功能
