iOS端末で異なるコンテンツを表示する

Question

これは2つの部分からなる質問です。私は、ユーザーが見るための情報との単純なリンクがあり、現時点では自分の製品のiOSアプリケーションバージョンしかないウェブサイトを持っています。私がしたいのは、ユーザーがiOSデバイス上のリンクを表示する場合です。情報を表示するためにiOSアプリをダウンロードするようにユーザーに表示する情報の一部を制限したいと考えていますが、アンドロイドデバイス私はまだAndroidアプリを入手できないので、必要なコンテンツをすべてユーザーに表示したいと考えています。私の2つの質問は次のとおりです。

1）ユーザーがiOSデバイス上にいるかどうかを検出して、Webページでどれだけ表示できるかを制限できますか？

2）デバイスに基づいてユーザーに異なるコンテンツを表示することは悪い習慣ですか？

ところで、ここでのセキュリティは問題ではありません。具体的には、イベントアプリがあり、iOS端末のアドレス欄を非表示にしてアプリをダウンロードする可能性が高くなりますが、アンドロイドユーザーを完全に除外したくありません。これは私の時間の価値があるのでしょうか？私は今Androidのすべてのユーザーをまとめて忘れてはいかがですか？

Answer 1

電話機のすべてに対応できないため、誰もが異なるコンテンツを表示しています。例えば大きなテーブル。

これにはjavascriptは必要ありません。これはCSSでのみ行うことができます。この例を見て、それをあなたのコードに実装してみてください。

HTML：私はあなたがより多くの情報を見つけることができる、いわゆるメディアクエリを使用してい

.desktop { 
    display: block; 
} 

.phone { 
    display: none; 
} 

@media screen and (max-width: 768px) { 
    .desktop { 
     display: none; 
    } 

    .phone { 
     display: block; 
    } 
} 

<a href="desktop/link" class="desktop">Link</a> 
<a href="phone/link" class="phone">Link</a> 

CSSを約here

これが何をするかということです初期レンダリング、サイズ変更、回転の両方のブラウザは、デバイスウィンドウが表示されているときにメディアクエリ内のルールを表示します巾< = 768px。これらのルールは前のルールを上書きします。