[解決済み】モバイルブラウザの自動検出(user-agent経由?
2022-04-15 19:51:55
質問
ユーザーが携帯電話のウェブブラウザーから私のウェブサイトを閲覧しているかどうかを検出し、適切なバージョンのウェブサイトを自動表示するには、どうすればよいですか?
どのように解決するのですか?
はい、User-Agentヘッダーを読めば解決します。
には、いくつかの リスト アウト には、既知のモバイル・ユーザー・エージェントがあるので、ゼロから始める必要はありません。私は、既知のユーザーエージェントのデータベースを構築し、未知のユーザーエージェントが修正されたときにそれを保存し、手動でそれが何であるかを調べる必要があったときに行いました。この最後のことは、場合によってはやりすぎかもしれません。
Apache レベルで行う場合は、ユーザーエージェントをチェックする一連の書き換えルールを定期的に生成するスクリプトを作成します(新しいユーザーエージェントについては一度だけ、または月に一度など、あなたのケースに合った方法で)。
RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} (OneMobileUserAgent|AnotherMobileUserAgent|...)
RewriteRule (.*) mobile/$1
へのリクエストを移動させることができます。 http://domain/index.html から http://domain/mobile/index.html
もし、スクリプトが定期的に htaccess ファイルを再作成するアプローチが好きでないなら、User Agent をチェックするモジュールを書くことができます(すでに作られているものは見つけられませんでしたが、特に適切なものがありました 例 )、いくつかのサイトからユーザーエージェントを取得し、更新します。そうすれば、いくらでもアプローチを複雑にすることができますが、あなたの場合、前のアプローチで問題ないと思います。
関連
-
[解決済み】画像のURLで禁断の403を出す
-
[解決済み】CSS "margin: 0 auto" が中央揃えにならない。
-
[解決済み] HTML5のlocalStorageにオブジェクトを格納する方法は?
-
[解決済み] HTML 5: Is it <br>, <br/>, or <br />?
-
[解決済み] div' コンテナに合わせて画像を自動リサイズするにはどうしたらいいですか?
-
[解決済み] チェックボックスとそのラベルをクロスブラウザーで一貫して揃える方法
-
[解決済み] HTMLマークアップのどこに<script>タグを記述すればよいですか?
-
[解決済み] JavaScriptが無効になっているかどうかを確認する方法を教えてください。
-
[解決済み] モバイルブラウザでCSS3 100vhが一定でない
-
[解決済み】ブラウザのバージョンを検出する方法は?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】エラー。要求されたURL"[no URL]"は無効です。
-
[解決済み】私のCSS3メディアクエリがモバイルデバイスで機能しないのはなぜですか?
-
[解決済み】エラー。Body " の後の無効な CSS: 期待されるセレクタまたは at-rule は、4 行目の "{" でした。
-
[解決済み】「選択されたファイルがありません」を変更しました。
-
[解決済み] HTMLでSVGを使用して三日月を描画する
-
[解決済み] CSSでulのインデントを削除する
-
[解決済み] HTML5 Validation Error: body start tag が見えたが、同じタイプの要素がすでに開かれていた
-
[解決済み] ionic 4でion-buttonをセンタリングする方法は?[重複しています]
-
[解決済み] What is the difference between <p> and <div>?
-
[解決済み] Font Awesome アイコンをプレースホルダーで使用する