Anzeige verschiedener Inhalte auf iOS-Geräten

Question

Dies ist eine zweiteilige Frage. Ich habe eine Website, auf der ein einfacher Link mit Informationen für einen Nutzer angezeigt wird. Im Moment habe ich nur eine iOS-App-Version meines Produkts. Was ich tun möchte, ist, wenn der Benutzer den Link auf einem iOS - Gerät sehen möchte, möchte ich einige der für den Benutzer sichtbaren Informationen einschränken und ermuntere sie, die iOS - App herunterzuladen, um die Informationen zu sehen, aber wenn sie auf einem sind Android-Gerät Ich möchte dem Benutzer alle notwendigen Inhalte anzeigen, da wir noch keine Android-App zur Verfügung haben. Meine zwei Fragen sind:

1) Ist es möglich zu erkennen, ob ein Benutzer auf einem iOS-Gerät zu begrenzen, wie viel sie auf der Webseite anzeigen können?

2) Ist es eine schlechte Übung, Benutzern unterschiedliche Inhalte basierend auf ihrem Gerät anzuzeigen?

Übrigens, Sicherheit ist hier kein Problem. Um genauer zu sein, ich habe eine App Ereignisse und ich möchte das Adressfeld auf der Webseite für iOS-Geräte ausblenden, so dass sie wahrscheinlich die App herunterladen, um sie anzuzeigen, aber ich möchte Android-Nutzer nicht vollständig ausschließen. Ist das überhaupt meine Zeit wert? Sollte ich Android-Nutzer einfach alle zusammen vergessen?

Answer 1

Es ist keine schlechte Übung, jeder zeigt andere Inhalte an, da Sie nicht alles auf Telefongeräte passen können. Zum Beispiel große Tische.

Sie brauchen kein Javascript dafür, Sie können dies nur mit CSS tun. Sehen Sie sich dieses Beispiel an und versuchen Sie, es in Ihren Code zu implementieren.

HTML:

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

CSS

.desktop { 
    display: block; 
} 

.phone { 
    display: none; 
} 

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

    .phone { 
     display: block; 
    } 
} 

Ich verwende die sogenannten Medien-Abfragen, die Ihnen mehr Informationen über here

Was finden dies tut, ist, dass Der Browser, sowohl beim ersten Rendern, als auch bei der Größenänderung und beim Drehen, zeigt die Regeln in den Medienabfragen an, wenn das Gerät Windows w Breite < = 768px. Diese Regeln überschreiben das vorherige.