問題描述

眾所周知，移動web開發跟web前端開發差別不大，使用的技術都是html+css+js；

而web app開發特指的是用html5技術開發，之所以叫web app是因為他比較接近客戶端應用程序的用戶體驗，可以和系統深度融合，調用一些只有客戶端才能調用的功能（比如在移動設備上利用html5開發出的網頁可以訪問電話、攝像頭等本地功能）。

當web app加載的URL與移動端網頁是同一個網站時，加載內容與網頁的呈現應該完全一樣。

然而，當我用web app加載京東網時，發現所加載的移動端網頁和京東app的呈現有一些小差異，例如：

在手機瀏覽器打開京東網首頁得到：點擊分類得到：

在web app demo中加載的到首頁：點擊分類同樣：

所加載的內容完全一樣是理所當然的（除了demo里面的TextView是我自己加的）。

而在京東app中，首頁呈現為：點擊分類得到：

我們會發現兩者的呈現還是有不一樣的地方。。如果要在web app demo里面做出跟京東app做一模一樣的呈現，要怎么改？問題有點奇葩，可能有點鉆牛角尖了，不喜勿噴。。。歡迎有興趣的留言啦~比心?

問題解答

京東APP不一定就是一個webview去請求url吧？

他可能APP內打包有一套html+css+js代碼，然后通過請求相應數據

也就是說，京東APP不是請求網頁版京東，而是有另一套實現

你用開發者模式打開布局邊界，你會發現JD app的Tab，掃描按鈕，通知還有其他的是原生寫的的。而webapp 中全部是由H5寫的，當然是不一樣的啦。如圖:

手機瀏覽器打開的京東頁面其實就是pc端京東的頁面，url是一樣的，而app往往是pc端網站出了很久才有的產物，他們很多情況下不是一樣的技術和一樣的頁面，代碼和頁面都會有差異，只不過有的頁面會借鑒原來pc端的代碼而已，如果細心的話可以發現很多app都比它對應的pv端網頁性能要好，UI要好看或者很多新特性，比如qq空間，電腦端慢的不行，而手機端卻沒有太多的障礙，你想兩者一樣，那只有共用一樣的前端代碼了，要求操作體驗一樣或許還要共用一樣的后端API