JavaScript - Handy oder PC

[»ichhalt033]

Hallo,

ich habe hier einen Code:

<script type="text/javascript">
// User-Agent-String auslesen
var UserAgent = navigator.userAgent.toLowerCase();

// User-Agent auf gewisse Schlüsselwörter prüfen
if(UserAgent.search(/(iphone|ipod|opera mini|fennec|palm|blackberry|android|symbian|series 60)/)>-1){
// mobiles Endgerät
alert("Haaaaaalloooo");
}
else{
// kein mobiles Endgerät (PC, Tablet, etc.)
}
</script>


welcher mir auf dem Handy die Meldund "Haaallooo" anzeiget und auf dem PC nichts. Ich habe die Seite auf der der Code ist auf meine richtige Website mit einem einfach HTML code einbebunen - Funktionert auch. Allerdings möchte ist auf der Meldung im Smarthphone noch über dem "Haaallo", "Die Seite ...." meldet (= Die Seite mit dem Code (= eine ganz komische "domain")). Kann ich diese Meldung verändern ausblenden?

Mfg ichhalt033

[~ JWonderpig ~]

Ich glaube das mit dem "Die Seite meldet..." kann man nicht ändern.
Wenn die Möglichkeit besteht, benutze das Script doch mit PHP.
Somit hast du auch keine Probleme, falls ein User/Browser Javascript nicht aktiviert hat.

PHP Code:

<?php
$useragent=$_SERVER['HTTP_USER_AGENT'];
if(preg_match('/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i',$useragent)||preg_match('/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i',substr($useragent,0,4)))
{
     echo "Seite wird mit Smartphone aufgerufen";
}
else
{
     echo "Seite wird mit Pc aufgerufen";
}
?>

[BlackSwirl]

Oder du machst es mit Css so kannst du deine Css behalten, ohne eine Komplette Seite neu zu schreiben

@media (min-width: 50px) and (max-width: 1024px) {
/*  Css von 50 px breite bis 1024 px breite wird hier ausgeführt  */
}

/* Wird ausgeführt wenn Css breiter ist als 1024 */

[マルコ]

"Die Seite ... meldet" lässt sich "ausblenden", indem man den entsprechenden Dialog selbst programmiert und anzeigt. Mit HTML, CSS und ein wenig JS sollte es kein Problem sein, einen modal dialog zu erstellen (merke: dieser Gilt aber nur für die aktuele Seite).
Alternativ gibt es fertige Lösungen (z.B. jQuery UI, Dojo,...)

Um herauszufinden, ob es ein Smartphone ist, würde ich keinen User Agent nehmen. Der ist von Browser zu Browser und OS zu OS und Version zu Version anders. Der UA kann sogar oftmals direkt im Optionsmenü oder mit Plugins verändert werden. Keine gute Lösung. Soi weit ich sehe ist es jedoch ansonsten sehr schwer von der Serverweiste zu wissen, was zu erwarten ist.
Wenn du nun jedoch den UA benutzen möchtest, dann bitte PARSE ihn. Dann kanst du auch eine ganze Menge weiterer interessanter Infos auslesen (z.B. direkt den Browser Namen, das Betriebssystem, Browser Engine, ... Vorgaben sind immer Müll. Was machst du, wenn ich mit dem Browser Midori auf einem Mini Display vom Raspberry Pi komme?)

Wenn es dir nur um das Aussehen der Seite geht, dann ist @BlackSwirl s Vorschlag der beste. Mit Media Queries ein responsive Design zu machen ist imo nicht nur eine aktuelle Mode Erscheinung, sondern insgesamt der richtige Weg, um eine Homepage auf möglichst jedem Display perfekt anzuzeigen.