android - 京東移動端網(wǎng)頁和其app加載的url所做的呈現(xiàn)不應該是完全一樣的嗎？
問題描述
眾所周知，移動web開發(fā)跟web前端開發(fā)差別不大，使用的技術(shù)都是html+css+js；
而web app開發(fā)特指的是用html5技術(shù)開發(fā)，之所以叫web app是因為他比較接近客戶端應用程序的用戶體驗，可以和系統(tǒng)深度融合，調(diào)用一些只有客戶端才能調(diào)用的功能（比如在移動設備上利用html5開發(fā)出的網(wǎng)頁可以訪問電話、攝像頭等本地功能）。
當web app加載的URL與移動端網(wǎng)頁是同一個網(wǎng)站時，加載內(nèi)容與網(wǎng)頁的呈現(xiàn)應該完全一樣。
然而，當我用web app加載京東網(wǎng)時，發(fā)現(xiàn)所加載的移動端網(wǎng)頁和京東app的呈現(xiàn)有一些小差異，例如：
在手機瀏覽器打開京東網(wǎng)首頁得到：點擊分類得到：
在web app demo中加載的到首頁：
點擊分類同樣：
所加載的內(nèi)容完全一樣是理所當然的（除了demo里面的TextView是我自己加的）。
而在京東app中，首頁呈現(xiàn)為：
點擊分類得到：
我們會發(fā)現(xiàn)兩者的呈現(xiàn)還是有不一樣的地方。。如果要在web app demo里面做出跟京東app做一模一樣的呈現(xiàn)，要怎么改？問題有點奇葩，可能有點鉆牛角尖了，不喜勿噴。。。歡迎有興趣的留言啦~比心?
問題解答
回答1：京東APP不一定就是一個webview去請求url吧？
他可能APP內(nèi)打包有一套html+css+js代碼，然后通過請求相應數(shù)據(jù)
也就是說，京東APP不是請求網(wǎng)頁版京東，而是有另一套實現(xiàn)
回答2：你用開發(fā)者模式打開布局邊界，你會發(fā)現(xiàn)JD app的Tab，掃描按鈕，通知還有其他的是原生寫的的。而webapp 中全部是由H5寫的，當然是不一樣的啦。如圖:
手機瀏覽器打開的京東頁面其實就是pc端京東的頁面，url是一樣的，而app往往是pc端網(wǎng)站出了很久才有的產(chǎn)物，他們很多情況下不是一樣的技術(shù)和一樣的頁面，代碼和頁面都會有差異，只不過有的頁面會借鑒原來pc端的代碼而已，如果細心的話可以發(fā)現(xiàn)很多app都比它對應的pv端網(wǎng)頁性能要好，UI要好看或者很多新特性，比如qq空間，電腦端慢的不行，而手機端卻沒有太多的障礙，你想兩者一樣，那只有共用一樣的前端代碼了，要求操作體驗一樣或許還要共用一樣的后端API
相關(guān)文章：
1. mysql - 新浪微博中的關(guān)注功能是如何設計表結(jié)構(gòu)的？2. angular.js - 關(guān)于$apply()3. MySQL數(shù)據(jù)庫中文亂碼的原因4. dockerfile - [docker build image失敗- npm install]5. angular.js使用$resource服務把數(shù)據(jù)存入mongodb的問題。6. 如何解決Centos下Docker服務啟動無響應，且輸入docker命令無響應？7. nignx - docker內(nèi)nginx 80端口被占用8. angular.js - Ionic 集成crosswalk后生成的apk在android4.4.2上安裝失敗？？？9. android-studio - Android Studio 運行項目的時候一堆警告，跑步起來！？10. 我在centos容器里安裝docker，也就是在容器里安裝容器，報錯了？
網(wǎng)公網(wǎng)安備