同じ Web サイト上に 2 つの異なるホームページを置くことはできますか?

Question

私はプロジェクトに取り組んでいます。ウェブサイト Make My Trip

のクローンを作成しています

https://www.makemytrip.com/

この Web サイトはラップトップと携帯電話では異なって見えます。つまり、まったく異なります。では、そのような機能を実装するにはどうすればよいでしょうか。

これはラップトップ上のビューです

同じウェブサイトをモバイルでも利用可能

Answer 1

包括的な答えは、まだ明らかにされていない多くの要因に依存します。たとえば、PHP などのサーバー側言語を使用していますが、すべて/ほとんどのページが異なっていますか?

Web サイトがモバイル デバイスで実行されているかどうかを検出するのは簡単ではありません。

解決策の 1 つは

1. 共通のインデックス ページを用意し、JavaScript を使用して画面サイズを取得し、Ajax を使用して実際のモバイル デバイス ページまたはデスクトップ ページを読み込みます

2. ユーザーがモバイルとデスクトップを切り替えて、選択内容を Cookie/セッションに保存できるようにするボタン/リンクをページに追加します。

＃＃＃別のオプション＃＃＃

いくつかのサイトがこれを行っているのを見てきました。モバイル バージョンはデフォルトで常に利用可能であり、ユーザーはデスクトップ モードに切り替えることができます。ここでの前提は、モバイル デバイスを使用する人が増えているため、ほとんどの人にとってデフォルト設定が適切であり、デスクトップで小さなページを表示することは、モバイルで大きなページを表示することほど悪くないということです。