Wie können Sie CSS vom iPhone verstecken, aber nicht andere Browser?

Question

Ich weiß, wie CSS von allen Browsern außer das iPhone zu verstecken: How do I apply a stylesheet just to the iPhone (and not IE), without browser sniffing?

sieht Aber: wie kann ich verstecken CSS aus dem iPhone, aber nicht anderen Browser?

Answer 1

Ich endete tatsächlich mit einer etwas anderen und sehr lächerlichen Lösung, die Medienabfragen und getComputedStyle verwendet, um auf eine mobile Website umleiten, wenn wir auf einem iPhone-ähnlichen Gerät sind.

<style media="only screen and (max-device-width: 480px)">html{border-top-style:dashed;}</style> 

<script> 
if(window.location.search.indexOf("?m=t")==-1 && window.getComputedStyle) { 
    var mobile = false; 

    if(window.getComputedStyle(document.getElementsByTagName("html")[0],null).getPropertyValue("border-top-style")=="dashed") { 
     var mobile = true; 
    } 

    if(mobile) { 
     window.location.replace(window.location+"?m=t"); 
    } 
} 
</script> 

Ich bin sicher, ich habe die getComputedStyle Idee auf Stack-Überlauf, aber ich kann mich nicht erinnern, wo.

Answer 2

Sie können immer noch die bedingte Überprüfung durchführen, für iPhones hängen Sie das iPhone CSS an, sonst Ihr normales CSS.

var agent=navigator.userAgent.toLowerCase(); 
var isIPhone = ((agent.indexOf('iphone')!=-1); 

if (isIPhone) 
    document.createElement("style")... //iPhone CSS 
else 
    document.createElement("style")... //normal CSS 

Answer 3

Oder eine einfache Umleitung auf einer Seite ohne CSS, oder die Verwendung von PHP iPhones zu erkennen und ihnen eine Seite ohne Stil liefern - etwas mit einem Fluss von:

if iPhone { 
    echo //page without CSS 
else { 
    echo //page with CSS 
} 

Answer 4

Sie könnten möglicherweise verwenden @media queries:

<link rel="stylesheet" href="noniPhoneStylesheet1.css" media="only screen and (min-device-width:490px)" /> 

Welche iPhone-Browser automatisch aus dem Download, dass bestimmte Sheet (die iPhone-Bildschirmbreite sein 480px) ausschließen würde; Daher sollten alle Stile, die Sie vor dem iPhone verbergen möchten, in das Stylesheet übernommen werden. Natürlich blockiert es auch das Stylesheet von anderen Geräten, die Medienabfragen berücksichtigen und eine Bildschirmbreite von weniger als 490 Pixeln haben.