私はhtml5のウェブサイト/ウェブアプリを持っています。このウェブサイト/ウェブアプリを携帯電話、つまりiphone、android、blackberryからのみ閲覧してもらいたいです。
デスクトップ ブラウザーから Web サイト/Web アプリにアクセスしようとすると、Web サイト/Web アプリは携帯電話専用であるため、エラー メッセージが表示されます。
これは可能ですか?任意のヒント?ありがとう
私はhtml5のウェブサイト/ウェブアプリを持っています。このウェブサイト/ウェブアプリを携帯電話、つまりiphone、android、blackberryからのみ閲覧してもらいたいです。
デスクトップ ブラウザーから Web サイト/Web アプリにアクセスしようとすると、Web サイト/Web アプリは携帯電話専用であるため、エラー メッセージが表示されます。
これは可能ですか?任意のヒント?ありがとう
サイトがモバイルかデスクトップかを確認する方法はありません。HTML は、デバイスに依存しないように作成されています。
あなたはブラウザスニッフィングを行うことができますが、
メディアクエリを実行して条件付きでクエリを表示することもできますが、今日利用可能なフォームファクタの数が多いため、そのように描く明確な線もありません。
どちらの方法も、誤認されやすい傾向にあります。
率直に言って、なぜ人々があなたのサイトにアクセスできないようにしたいのか、私はちょっと困惑しています. 誰かがモバイルデバイスではなくデスクトップからサイトにアクセスすることを気にするのはなぜですか?
モバイル向けに設計されたサイトは、デスクトップでも問題なく動作します (逆の場合は問題になる可能性があります)。
ページの生成にサーバー側のテクノロジ (ASP.NET、PHP) を使用していますか? その場合、サーバー側でロジックを実行し、デスクトップ リクエストで別のコンテンツ (メッセージなど) を返すことができます。
これは通常、ユーザーエージェントを読み取ることによって行われます。デスクトップ ユーザーがユーザー エージェントをオーバーライドしてモバイル ブラウザーをシミュレートし、モバイル コンテンツを表示しても問題ありませんか?
ページでメディアクエリを使用して、ページの幅であるデバイスの幅を確認できます。ページがデスクトップで表示されている場合、このアプリはモバイル デバイスのみと互換性があり、デスクトップでは互換性がないというメッセージを表示できます。同様に、これはタブレットにも適用され、このメッセージはカスタマイズできます。