ご存知のとおり、モバイル Web 開発は Web フロントエンド開発とあまり変わりません。使用されるテクノロジはすべて HTML css js です。
Web アプリ開発は、特に HTML5 テクノロジを使用した開発を指します。Web アプリと呼ばれる理由は、それがクライアント アプリケーションのユーザー エクスペリエンスに近いためです。システムと深く統合でき、一部の機能のみを呼び出すことができます。クライアントによって呼び出されます (たとえば、モバイル デバイス上で HTML5 を使用して開発された Web ページは、電話やカメラなどのローカル機能にアクセスできます)。
Web アプリによって読み込まれる URL がモバイル Web ページと同じ Web サイトである場合、Web ページの読み込みコンテンツと表示はまったく同じである必要があります。
ただし、Web アプリを使用して JD.com を読み込むと、読み込まれたモバイル Web ページと JD.com アプリのプレゼンテーションに次のような小さな違いがあることがわかりました。
モバイル ブラウザで Jingdong.com のホームページを開くと、次の情報が表示されます。
カテゴリをクリックすると、次の情報が表示されます。 
同じカテゴリをクリックします: 
JD.com アプリでは、ホームページは次のように表示されます:
カテゴリをクリックして次の情報を取得します: 
Web アプリのデモで JD.com アプリと同じプレゼンテーションを作成したい場合、どのように変更すればよいでしょうか?
この質問は少し奇妙で、少しやりすぎているかもしれません。気に入らない場合はコメントしないでください。 。 。ご興味がございましたら、メッセージを残してください~Bixin♥
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Jingdong APP は URL をリクエストするために必ずしも WebView である必要はありませんね?
アプリに html+css+js コードのセットがパッケージ化されており、対応するデータをリクエストする可能性があります
言い換えれば、JD.com APP は JD.com の Web バージョンを要求しませんが、別の実装セットを持っています
開発者モードを使用してレイアウト境界を開くと、JD アプリのタブ、スキャン ボタン、通知などがネイティブに記述されていることがわかります。 Web アプリはすべて H5 で書かれていますが、もちろん異なります。写真に示すように:
モバイルブラウザで開いたJD.comページは、実際にはPC側のJD.comページと同じであり、アプリは以前からPC側のWebサイトの製品であることがよくあります。 、同じテクノロジー、同じページとコードを持っているわけではありません。ページ間には違いがありますが、注意していれば、多くのアプリのパフォーマンスが優れていることがわかります。対応する PV Web ページ、UI はより美しく、QQ スペースなどの多くの新機能を備えている必要があります。端末は非常に遅いですが、モバイル端末には多くの障害がありません。この 2 つを同じにする必要があります。その場合、同じフロントエンド コードのみを共有することができ、操作エクスペリエンスは同じでなければならず、おそらく同じバックエンド API も必要になります