<script type="text/javascript">
<!--
if (screen.width <= 699) {
document.location = "mobile.html";
}
//-->
</script>
„mobile.html“ würde durch den Speicherort ersetzt werden, an dem sich Ihre mobile Version befindet. Diese Technik könnte auch angepasst werden, um ein alternatives Stylesheet zu laden.
Speziell für iPhones/iPods
<script language=javascript>
<!--
if ((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
location.replace("http://url-to-send-them/iphone.html");
}
-->
</script>
Schön und prägnant! Danke
Vielen Dank, @anon. Ich finde es auch sehr nützlich.
kein Safari
Funktioniert bei mir einwandfrei mit Safari auf dem iPhone. Wenn Sie Safari auf einem Desktop verwenden, haben Sie größere Probleme.
Funktioniert super
Was ist, wenn ein Mobiltelefon kein JavaScript verwenden kann?
Haben Sie jemals eine Antwort auf Ihre Frage erhalten? Ich habe die gleiche Sorge.
Reuben
BENUTZEN SIE PHP!!! :D
Ich benutze das hier
Sie müssen die Erweiterung Ihrer Seite von .html oder .htm in .php ändern, damit der Server das Skript verarbeiten kann. Außerdem muss dies vor dem <html-Tag stehen – also die erste Zeile auf der Seite. Um ein Gerät hinzuzufügen, fügen Sie es einfach der if-Anweisung unter der Funktion mobileDevice() hinzu.
function mobileDevice()
{
$type = $_SERVER[‘HTTP_USER_AGENT’];
if(strpos((string)$type, “Windows Phone”) != false || strpos((string)$type, “iPhone”) != false || strpos((string)$type, “Android”) != false)
return true;
else
return false;
}
if(mobileDevice() == true)
header(‘Location: http://www.m-tek.biz/mobile.html‘);
Es sollte mit den meisten Smartphones funktionieren (z. B. iPhone, Driod, Blackberry, etc.). Wenn das Telefon kein Java lesen kann, dann, es sei denn, Ihre Website besteht nur aus Text, es wird Ihre Website ohnehin nicht lesen können... Aber dieser Link enthielt viele verschiedene Methoden wie PHP
http://www.stepforth.com/resources/web-marketing-knowledgebase/redirect-mobile-iphone-visitors-mobile-content/#.T75jTLd5mc0
Dieser Code funktioniert nicht auf JavaScript-deaktivierten Telefonen oder Browsern. Aber die meisten Smartphone-Benutzer haben heutzutage JavaScript aktiviert.
Aber und Geräte, die nicht mit JavaScript funktionieren?
Die meisten Geräte heutzutage verfügen über JavaScript-Funktionen.
in der iPad/iPhone-Version.
Sollte dort stehen…
„navigator.userAgent.match(/iPod/i“ oder
„navigator.userAgent.match(/iPad/i“ ????
Es steht iPod/iPhone-Version, kein iPad überhaupt.
Was ist mit JavaScript für Rails-Anwendungen, da es für mobile Anwendungen nicht funktioniert?
Das funktioniert super!
Eine Sache: Sobald sich ein mobiler Benutzer auf der Website anmeldet, wird er zur mobilen Website weitergeleitet. Ich möchte ihm die Möglichkeit geben, zur Vollversion der Website zu gehen. Aber natürlich wird er, wenn er auf den Link klickt, zur mobilen Website weitergeleitet.
Jede Hilfe wird geschätzt!
Haben Sie jemals eine Antwort darauf erhalten? Ich habe mich das Gleiche gefragt.
Warum klonen Sie nicht einfach die Nicht-Mobile-Website (ohne den mobilen JavaScript-Redirect) und machen sie zu index1.html und machen das zum Link von der mobilen Website?
Ich habe die Klonmethode (von Geoffrey Freedom) verwendet und sie funktioniert super. Ich habe es nur für die Homepage gemacht, also hat „index1.html“ kein Flash, damit die Handys die Bilder anzeigen können, die ich mit jQuery verwende, wenn sie die vollständige Website verwenden.
Google bestraft doppelte Inhalte, daher sollten Sie beim Klonen Ihres Index (oder einer beliebigen Seite) möglicherweise eine weitgehend neue Art der Inhaltserstellung in Betracht ziehen.
Für die geklonte Website können Sie einfach das no-follow-Meta-Tag auf dem Klon hinzufügen. So wird Google Sie nicht bestrafen.
Setzen Sie einen Cookie.
Die Interaktion mit dem Cookie kann den Wert speichern, ob der Benutzer die mobile oder die vollständige Website möchte, oder einfach die Anwesenheit kann verwendet werden, um die Funktion fortzusetzen oder abzubrechen.
Kapseln Sie Ihren Wechsler in einer if/then-Anweisung, und wenn der Benutzer die vollständige Website wählt, wird der Cookie gesetzt und neu geladen. Der Reload durchläuft den if/then- Wechsler, aber durch Hinzufügen einer Zeile zur Überprüfung, ob der Cookie existiert, bedeutet dies, dass, wenn er existiert, der Benutzer die Vollversion für die vollständige Website gewählt und für mobil ausgeschlossen hat, was zu mobilen Blättern oder mobiler Website führt, und stoppt sofort, keine Duplizierung von Inhalten, spart Ihr Google-Ranking und um das Nicht-Mobile rückgängig zu machen, löscht er einfach den Cookie. Kein Cookie? Dann läuft die Geräterkennung und wählt mobil oder vollständig aus, bis der Benutzer etwas anderes entscheidet.
Es ist eine Art Flickwerk aus altmodisch zu neu, aber es ermöglicht Ihnen, einen Bezugspunkt pro Benutzer festzulegen, ohne eine ganze redundante Website für eine Was-wäre-wenn-Situation zu erstellen...
Wenn Sie dieses Problem noch nicht gelöst haben. Um die Schleife zu umgehen, die durch dieses Problem verursacht wird, müssen Sie die Datei index.htm klonen und die neue Datei index1.htm nennen. Dann ist die letztere Seite das Ziel, wenn die Schaltfläche für die vollständige Website gedrückt wird.
EINFACH!!
Ich denke, das Klonen des Index hat andere Probleme. Ich finde, die beste einfache Lösung (ohne mit Cookies zu hantieren) ist, eine weitere if-Anweisung innerhalb des Skripts einzufügen.
if <screen.width <= 699) {
if (document.referrer.indexOf(‘mobile.html’) == -1){
document.location = “mobile.html”;
}}
Auf Deutsch bedeutet das:
„Wenn die Bildschirmbreite kleiner als 699px ist,
und ich nicht schon von der mobilen Seite komme,
sende mich zur mobilen Seite.“
Danke Shawn Taylor – Ihre Lösung hat perfekt funktioniert!
Das funktioniert bei mir nicht, wie würde ich das einfügen?
if <screen.width <= 699) {
if (document.referrer.indexOf(‘mobile.html’) == -1){
document.location = “mobile.html”;
}}
Entschuldigung, ich habe die Code-in-Kommentar-Details vermasselt... hier ist er
Argh – immer noch vermasselt, und ich kann nicht sehen, wie man einen Kommentar bearbeitet – das < sollte ein Kleiner-als-Symbol sein... ich versuche es noch einmal
ps – weiß jemand, wie man einen Kommentar bearbeitet?
So sieht mein Code aus, ohne die Rückkehr zum Desktop funktioniert es einwandfrei. Es ist, wenn ich den Link „Desktop-Site“ einfüge, dass es mir Probleme bereitet. Vielen Dank im Voraus für Ihre Aufmerksamkeit.
<!--
if (screen.width <= 699) {
document.location = "http://site.com/mobile/";
}
if (screen.width <= 699) {
if (document.referrer.indexOf(‘http://site.com/mobile/) == -1){
document.location = “http://site.com/mobile/”;
}}
Hallo Josh,
Es sieht so aus, als würden Sie den Redirect zweimal ausführen, und das erste Mal ohne eine sekundäre if-Anweisung, daher wird immer umgeleitet. Sie müssen ihn nur einmal ausführen, mit der „if from mobile, don’t redirect to mobile“-Anweisung, die if (document.referrer.indexOf(‘http://site.com/mobile/) == -1)… ist, hoffentlich hilft das.
Hallo Nate, ich habe einfach einen Link auf der mobilen Website zur Desktop-Website gesetzt, sodass jeder, der sie auf seinem Telefon besuchen möchte, das kann. Funktioniert gut.
Wenn ein Benutzer auf einen Link auf der mobilen Website klickt und zur klassischen Website gelangt, setzen Sie einen Cookie.
Auf der klassischen Website lesen Sie zuerst den Cookie und nur wenn er nicht verfügbar ist, leiten Sie die mobilen Benutzer weiter.
Grüße
Ich habe dieses Problem auch festgestellt! Bitte lassen Sie mich wissen, ob Sie dieses Problem gelöst haben.
Kein Mobify mehr? Sie sollten einen Beitrag über mobile Websites machen ;)
Danke, Männer!!!!!
Hervorragend… eine einfache, elegante Lösung… danke…
Wie schließe ich Android-Telefone ein?
funktioniert mit Android-Telefonen.
Es muss vielleicht eine kleine Änderung vorgenommen werden... was ist mit dem Galaxy Nexus sowie allen zukünftigen Android-Telefonen mit 720p-Auflösung. Der obige Code im OP würde wahrscheinlich einen GNex-Benutzer zur Desktop-Version der Website weiterleiten. So schön die 720p-Auflösung auch ist, die Bildschirme selbst sind immer noch viel zu klein, um die Desktop-Website auf einem Telefon angenehm anzusehen.
Guter Artikel,
versuchen Sie auch, mein Skript namens „redirection_mobile.js“ auszuprobieren. Es erkennt den User Agent und leitet zu einer mobilen Version weiter, wenn Sie von einem mobilen Gerät aus auf eine Website zugreifen.
In einigen Fällen möchten Sie von einem mobilen Gerät zu einer Desktop-Version weiterleiten (wie mit einem Link „Zur Hauptseite gehen“). Das Skript wird dies handhaben und sobald Sie Ihre Sitzung beendet haben, greifen Sie wieder auf die mobile Version zu.
Sie können den Quellcode auf GitHub hier finden: https://github.com/sebarmeli/JS-Redirection-Mobile-Site und Sie können weitere Details in einem meiner Artikel hier lesen
http://blog.sebarmeli.com/2010/11/02/how-to-redirect-your-site-to-a-mobile-version-through-javascript/
Danke für den Code. Ich habe das bereits mit einem iPhone 4 ausprobiert und es funktioniert super, aber aus irgendeinem Grund funktioniert es nicht auf einem HTC Desire HD – es geht einfach direkt zur vollständigen Website. Gibt es eine Lösung dafür? Danke!
Woo hoo!
Danke für den Link. Ich habe die Lösung auf css-tricks ausprobiert und sie funktionierte super. Aber Ihre JS-Lösung gab mir die größere Kontrolle, die ich für die Verlinkung zurück zur Vollversion der Website benötigte.
Danke!
Hallo
sebarmeli
Ich bin neu im Programmieren… ich habe diesen Code ausprobiert
<!--
if (screen.width
. Mit diesem Code geht die Website perfekt zur mobilen Version, aber durch Klicken auf den Link (wie mit einem Link „Zur Hauptseite gehen“) gelangt man nicht zurück zur vollständigen Version der Website. Und auch ich habe Ihre vorgeschlagene Lösung aus dem Link oben in Ihrem Beitrag ausprobiert… aber ich kann die Website nicht von der mobilen Version zurück zur vollständigen Website wechseln.
Bitte geben Sie mir eine kurze Erklärung und einen Vorschlag, wie man erfolgreich von Desktop zu Mobile und von Mobile zu Desktop wechselt.
Hi, das ist sehr cool, danke Kumpel
wie wäre es mit einer Blackberry-Lösung..
Vielen Dank im Voraus.
Haben Sie jemals eine Blackberry-Lösung gefunden? Irgendjemand, jede Hilfe wird geschätzt.
Mein Blackberry Curve funktioniert einwandfrei mit dem einfachen Code oben.
Vielen Dank!!!
Ich habe den ganzen Tag nach diesem Code gesucht!!:D
Großartig, danke
Sobald es zu
window.locationgeändert wurde, hat es funktioniert! Danke!Schön. Danke, das hat auf meinem iPod funktioniert, aber nicht auf dem iPad.
iPads sind in Ordnung für normale Websites, da der Bildschirm groß genug ist.
Kann jemand auflisten, auf welchen mobilen Geräten dieses Skript funktioniert?
Danke.
Es funktioniert auf jedem Gerät mit einer Bildschirmbreite von weniger als 699 Pixel. Dazu gehören iPhone/iPod 4g mit Retina-Display. Sie können die 699 auf eine höhere Zahl einstellen, aber ich würde es nicht tun, wegen alter Monitore mit 700 Breite.
Wenn Sie iOS-Geräte ansprechen, können Sie die zweite verwenden, indem Sie bearbeiten
—
if ((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
—
zu
—
if ((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || navigator.userAgent.match(/iPad/i))) {
Standardmäßig funktioniert es auf jedem Gerät mit einer Bildschirmbreite unter 699 und aktiviertem JavaScript. Aber es gibt immer Ausnahmen. (Wie CSS3 in IE6 zum Beispiel).
Hallo Mooseman,
Ich habe versucht, Ihren Code einzufügen, damit es auf iPads funktioniert, aber als ich Dreamweaver gemacht habe, sagte es mir, dass es einen Syntaxfehler in der geänderten Zeile gab. Irgendwelche Vorschläge, wie ich das beheben könnte? Vielen Dank.
Steve
Ist diese Umleitung SEO-freundlich?
nachdem dies für eine mobile Website implementiert wurde
mein Google-Ranking sank und ich frage mich, ob dies meine SEO beeinflusst hat
Nach meinem Verständnis befindet sich der Code auf der Vollbild-Website, er leitet nur weiter, sodass das Telefon kein Java verwenden muss.
Fantastischer Trick! Danke, ich werde ihn auf meinem Tumblr-Blog verwenden. :)
Kann jemand eine Idee haben, wie man das über .httaccess löst?
Hallo,
Wie leitet man …desktop/page1.html nach …mobile/page1.html, …desktop/page10.html nach …mobile/page10.html…usw…für mehr als 300 Seiten weiter?
Also nicht nur nach …mobile/index.html
Danke für Ihre Hilfe
Wenn Sie über das Location-Objekt weiterleiten, verlieren Sie den HTTP-Referrer der ursprünglichen Anfrage. Das bedeutet, dass Ihr gesamter mobiler Traffic als direkter Traffic in Ihrer Analyse erscheint.
Ich denke, serverseitige Erkennung ist vorzuziehen. Einige Optionen
http://detectmobilebrowser.com/
http://wurfl.sourceforge.net/
Vielen Dank! Funktioniert perfekt und so einfach!!!
Sehr gute Arbeit daran! Ich habe lange gesucht, aber das ist es, was wir brauchten.
Das ist so hilfreich, danke!
JavaScript funktioniert überhaupt nicht… also habe ich mich entschieden, die .htaccess-Datei zu verwenden, um mobile Geräte umzuleiten.
http://stackoverflow.com/questions/3680463/mobile-redirect-using-htaccess
Beachten Sie, dass Sie, wenn jemand nicht auf die mobile Version Ihrer Website umgeleitet werden möchte, auf der mobilen Version eine Schaltfläche „Reguläre Website anzeigen“ implementieren sollten.
Vielen Dank für diesen JavaScript-Code!
Vielen Dank für diesen einfachen Code :)
Ich würde sich Medienabfragen wählen… damit ich es mit CSS handhaben kann und ich keine 2. (?) Website mit der gleichen Struktur & (vielleicht) Inhalt brauche :-)
ein gutes serverseitiges (PHP) Skript zu dieser Anwendung finden Sie unter
http://code.google.com/p/php-mobile-detect/
isAndroid(), isBlackberry(), isOpera(), isPalm(), isWindows(), isGeneric()…
und der isIOS-Modus?
Fantastisch, vielen Dank dafür, das hat mir sehr geholfen!!
Brauche ein Skript wie dieses für einen Kunden. Funktioniert perfekt. Jetzt können sie nur die Werkzeuge von unserer Website auf einem Mobilgerät haben, anstatt die ganze Website. Liebe es.
Danke für eine schnelle, einfache Lösung!
Wunderbarer Code, danke für den Tipp…
Ich habe den Code eingefügt und wenn ich die Seite auf meinem iPod Touch lade, erhalte ich „Seite nicht gefunden“. Irgendwelche Vorschläge?
Tolles Skript — danke
Ich kann Ihnen nicht sagen, wie glücklich ich war, dass das beim ersten Versuch tatsächlich funktionierte. Danke, dass Sie mein Leben so viel einfacher gemacht haben!!!
Danke! Tolles Skript, einfache Lösung, liebe es.
Eine weitere Lösung mit PHP kann sein
<?php
if(strstr($_SERVER[‘HTTP_USER_AGENT’],’iPhone’) ||
strstr($_SERVER[‘HTTP_USER_AGENT’],’iPod’))
{
header(‘Location: http://www.domain.com/iphone‘);
exit();
}
else if(strstr($_SERVER[‘HTTP_USER_AGENT’],’iPad’))
{
header(‘Location: http://www.domain.com/ipad‘);
exit();
}
else{
header(‘Location: http://www.domain.com/web‘);
exit();
}
?>
Sie können „else if“-Alternativen für andere User Agents hinzufügen. Natürlich funktioniert es auf Servern mit PHP-Unterstützung.
Mit freundlichen Grüßen.
Danke für die PHP-Version!!!
Tolles Skript. Ich benutze es seit ein paar Wochen und es funktioniert für jeden, der es benutzt hat, aber für einen. Er hat ein iPhone 4 und es gibt ihm immer die alte Landingpage. Das Skript leitet ihn nicht weiter.
Ich fragte, ob sein JavaScript ausgeschaltet sei, und er sagte nein. Das Seltsame war, dass der Link früher für ihn funktionierte. Ich frage mich, ob sein Cache, seine Cookies oder seine Historie ihn durcheinander bringen?
Hatte jemand schon einmal Probleme wie diese?
Die Website ist http://www.criticalpr.com
Wenn ich ein Zuhause für iPhone, ein Zuhause für Droids und ein Zuhause für Computerbrowser habe, um Besucher in eine von drei Richtungen zu senden, füge ich das Skript dann so ein?
<!–if ((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) { location.replace(“http://url-to-send-them/iphone.html”);}–>
<!–if (screen.width
??
Wenn ich versuche, Android hinzuzufügen, wird mein iPad nicht mehr umgeleitet.
Mein Code ist
Irgendwelche Ideen? ?
Es ist ein Fehler.
Sie haben mein Leben gerettet! Danke!!
Diese Technik ist sehr intuitiv, aber eine PHP-Erkennung/Umleitung ist effizienter. Sehen Sie sich die folgende Website für eine vollständige Erkennung/Umleitung und die Option zur Anzeige der Vollversion an
http://www.squidoo.com/php-mobile-redirect
Das ist eine seltsame Sache, aber gibt es eine Möglichkeit, das Gegenteil zu tun? Ich habe eine mobile Website erstellt und möchte Leute, die auf dieser URL landen, auf eine andere Website umleiten.
Dave,
Sie können mit .htaccess umleiten. Ich bin mir jedoch nicht sicher, was Sie vorhaben. Möchten Sie alle, die auf Ihrer mobilen Seite landen, auf eine andere Website umleiten?
Ich habe eine Website mit WordPress erstellt, die nur für mobile Benutzer ist. Aufgrund des Vertrags mit dem Festival... muss ich Desktop-Benutzer auf die Hauptwebsite und nicht auf die mobile leiten, die ich erstellt habe.
Ich schätze, wenn ich die URL nicht bewerbe, wird es sowieso keine Rolle spielen, und sie können mobile Benutzer von ihrer Website zu meiner weiterleiten.
Aber ich würde es trotzdem gerne so haben, dass niemand die von mir erstellte mobile Website auf einem Desktop betrachtet.
Dave
Dave, hier ist eine einfache Lösung mit PHP
<?
Header( „HTTP/1.1 301 Moved Permanently“ );
Header( „Location: http://www.new-url.com“ );
?>
Sie haben mich gerettet! Das ist genau wie großartig, für mich als „Nicht-Entwickler“ war das großartig, als ich gerade die mobile Website für unser Event „gestartet“ habe! Nochmals vielen Dank!
genau das, was ich gesucht habe…….
Das funktioniert super… aber wie kann ich Benutzer von ihren mobilen Geräten zurück zur Hauptseite umleiten, wenn sie die Desktop-Webversion der Website sehen möchten? Danke.
Setzen Sie einen Cookie, wenn sie die mobile Website besuchen, und prüfen Sie vor der Umleitung auf den Cookie.
Eine vollständige Lösung für die Umleitung/Anzeige der vollständigen Website mit PHP finden Sie unter
http://www.squidoo.com/php-mobile-redirect
Danke Matt… dieses PHP-Skript ist sehr fehlerhaft. Ich habe alles richtig implementiert, aber manchmal leitet es zur mobilen Website weiter, manchmal auch nicht. Außerdem scheint die einzige Möglichkeit, von Mobile zu Full Site umzuleiten, darin zu bestehen, den Link mit http://www.yoursite.com// mit doppeltem Slash am Ende zu erstellen (seltsam, nicht sicher warum)…
Eine Frage: In dem von Ihnen bereitgestellten Link erwähnte der Artikel diese Codezeile
Wo soll ich das platzieren?
Vielen Dank.
Das gehört auf Ihre mobile Seite. Es setzt den Cookie, um die mobile Umleitung zu umgehen, wenn Sie die Vollversion anzeigen möchten.
Das gehört auf Ihre mobile Seite. Es setzt den Cookie, um die mobile Umleitung zu umgehen, wenn Sie die Vollversion anzeigen möchten.
Ich habe es nicht fehlerhaft agieren sehen. Der Code, von dem Sie sprechen, sollte auf der mobilen Index-Seite platziert werden. Das ist der PHP-Code, der den Cookie setzt, um die mobile Umleitung zu überschreiben, wenn Sie versuchen, Ihre Vollversion anzuzeigen.
Der beste Weg, den ich gefunden habe, ist;
//
??
Sie könnten tatsächlich auch prüfen, ob der Browser des Benutzers MIME-Typen mit WML akzeptiert. Wenn ja, dann ist es wahrscheinlich ein mobiles Gerät. Dann müssen Sie sich keine Sorgen um JS machen.
Schönes kleines Skript. Wo im Dokument platzieren Sie dieses JS? Im Head oder im Body oder wo immer Sie wollen?
Irgendwo…
Ich würde denken, dass dieses JS im Head platziert werden sollte, vor jeglichem Full-Site-CSS und -Inhalt, damit es weitergeleitet wird, bevor unnötige Dateien geladen werden. Das kann auf Mobilgeräten langsam sein und wertvolle KB-Daten übertragen.
Ich habe eine etwas andere Lösung, die ich morgen hier posten werde. Es ist eine andere Herangehensweise an diesen großartigen Ausschnitt, fügt aber eine kleine Hilfe für eine Anfrage hinzu, die Leute gestellt haben.
Coole Sachen CHRIS, danke!!
Das ist der beste JavaScript-Mobile-Redirect, den ich gefunden habe. Er ist ziemlich perfekt und behandelt alle Cookies und die Weiterleitung von und zur mobilen und vollständigen Website. Und das tut er mit Bildschirmbreite, wie Ihr obiges Skript.
https://github.com/miohtama/detectmobile.js
Ich habe eine Frage zum „Slide to unlock“. Ich möchte, dass die Seite nach dem Entsperren zu einer anderen Seite weitergeleitet wird
Entschuldigung für die Frage, da der Thread für Unlocker geschlossen war, deshalb frage ich hier
Ich habe es behoben,
Kann mir jemand sagen, wie ich den Schieberegler nach links bewegen kann? Bitte.
Das scheint ein schlechter Ansatz zu sein – entweder zwingen Sie Ihren mobilen Benutzer zu einer Website, die eine Untermenge Ihrer Hauptwebsite ist, und sie können nichts dagegen tun, oder Sie fügen diesen Schnipsel auf jeder Seite und jeder neuen Seite ein, um zu einer mobilen Entsprechung weiterzuleiten? Nur für kleine Websites machbar, aber ansonsten schauen Sie sich etwas anderes an.
Grundlegende Frage: Wie verwalte und aktualisiere ich eine mobile Subdomain, damit der Benutzer die Möglichkeit hat, zwischen der mobilen und der Desktop-Version der Website zu wechseln? Anders ausgedrückt, wie stelle ich am besten sicher, dass der Inhalt auf beiden Websites gleich bleibt und sich nur die Layouts ändern? Oder muss ich die Desktop-Website manuell aktualisieren und hochladen, dann die mobile Website manuell aktualisieren und hochladen?
Ich mag meinen Ansatz besser :D
Im Array „namen“ können Sie beliebig viele Typen hinzufügen, solange irgendeiner der Namen irgendwo im UserAgent des Browsers des Geräts vorkommt, gibt er true zurück.
Müssen Sie dies in .js umwandeln? Ich erhalte eine Datenbankfehler.
Hier ist eine tiefere JavaScript-Lösung, bereitgestellt als Bibliothek
detectmobile.js
Lesen Sie die Dokumentation für Antworten auf einige der gestellten Fragen.
Funktioniert super: Ich habe es auf der folgenden Seite ausprobiert: http://www.muqstuff.weebly.com und es leitet perfekt weiter, aber was ist, wenn ich möchte, dass der Code aktiviert wird, bevor die Seite geladen wird? Bei mir wird die Seite zuerst geladen und dann weitergeleitet, gibt es eine Möglichkeit, das zu umgehen?
Wir sind eine Gruppe von Freiwilligen und eröffnen ein neues Projekt in unserer Gemeinde. Ihre Website hat uns mit wertvollen Informationen zur Arbeit versorgt. Sie haben eine formidable Arbeit geleistet und unsere gesamte Gemeinschaft wird Ihnen dankbar sein.
Hallo allerseits, ich bin neu hier und
alle reden davon, auf die mobile Website umzuleiten
aber was, wenn ich Besucher umleiten möchte, wenn sie versuchen, unsere WebApp oder mobile Website auf einem PC anzuzeigen.
Ich möchte, dass PC-Benutzer, die manuell gehen
von http://www.mobile.domainname.com
zu http://www.domainname.com
Kann das jemand machen?
danke
Begierig, dieses Skript auszuprobieren.
Genau das, was ich gesucht habe..danke! :o)
Gibt es eine Lösung für Blackberry-Geräte, die kein Flash anzeigen können?
Ich habe diesen Code verwendet und er hat für das iPhone super funktioniert, aber nicht für
ältere Blackberries..
Jede Hilfe wäre sehr willkommen..
Beste Grüße
Dies ist eine großartige Option, aber ich habe eine Frage. Wie gehen Sie damit um, wenn Benutzer auf einen Link auf der mobilen Website klicken, um die Hauptwebsite anzuzeigen? Im Moment würde dies sie einfach wieder zur mobilen Version weiterleiten.
Sie müssen die Homepage duplizieren und die Erkennung entfernen
Skript davon und die mobilen Benutzer, die die vollständige Website sehen möchten, gehen dorthin.
Diese Technik könnte angepasst werden, um ein alternatives Stylesheet zu laden.
Hallo! Niemand scheint diese Option zu erwähnen, gibt es irgendwo ein Beispiel??
Danke!
Hallo,
Ich scheine, dass das Skript auf dem Android-Gerät funktioniert, aber auf dem iPhone geht es zur gleichen URL wie das Android JS. Ist das schon jemandem passiert? Es scheint, dass der
Android-Code gelesen wird und der
User Agent-Code vom iPhone überhaupt nicht gelesen wird. Irgendwelche Ideen?
Danke
Auch gerade bemerkt, dass bei der Verwendung des User Agent Switchers von Firefox das iPhone 3 funktioniert. Ich weiß, es ist ein Firefox-Addon, aber bedeutet das, dass iPhone 4 einen anderen User Agent hat?
Ich bin kein Programmierer, aber ich gebe vor, einer zu sein. Ich fand das Skript sehr nützlich für ein Projekt, das ich hatte. Jetzt habe ich etwas Ähnliches, aber anstatt alle mobilen Geräte auf dieselbe mobile Website umzuleiten, muss ich sie basierend auf dem Betriebssystem des mobilen Geräts auf verschiedene Websites umleiten. Ein iPhone würde zu einer iPhone-Website gehen und ein Android zu einer Android-Website. Jede Hilfe wäre sehr dankbar.
danke… toller Beitrag!
genial danke! (du hast gerade einen 5-stündigen Kopfschmerz beendet!!) hat super funktioniert!!!
Dies ist ein nützliches Skript. Funktioniert das für die meisten Smartphones?
Dies ist ein gutes Skript, schade, dass Sie es nur für iPhone/iPod verfügbar haben. Bitte erweitern Sie auf Blackberry und Android, danke!
Ich habe das obige Skript in meiner header.php-Datei für meine WordPress-Website verwendet und es leitet perfekt zu meiner mobilen Website weiter.
Wie genau bringe ich die mobilen Benutzer dazu, zur Desktop-Version zu gehen, wenn sie das wollen, ohne dass es ständig zurück zur mobilen Website schleift? Viele hilfreiche Informationen von anderen wurden oben gepostet, ich bin mir sicher, aber für jemanden, der so „grün“ ist wie ich, hilft es nicht, weil ich nicht weiß, welche Datei ich ändern soll usw.
Ich brauche eine Möglichkeit, mobile Benutzer (m.mydomain.com) wieder zur Desktop-Website (mydomain.com) zu wechseln, wenn sie sich dafür entscheiden, ohne dass es ständig in einer Schleife zur mobilen Website zurückkehrt.
Vielen Dank für die Hilfe!!!
Hallo,
Ich plane, die WordPress/Blog-URL meiner Website zu verwenden, um einfach eine mobile Version meiner Dreamweaver-Website zu erstellen, indem ich ein Plugin verwende). Kann ich dann „/wordpress“ anstelle von „mobile.html“ eingeben, um mobile Benutzer zur WP-mobilen Website umzuleiten, wie unten?
<!--
if (screen.width
Hallo allerseits,
Ich verwende das Originalskript, um eine mobile Weiterleitung durchzuführen, und es funktioniert fabelhaft, außer dass ich nicht herausfinden kann, wie ich es dazu bringe, zu einer Subdomain weiterzuleiten, anstatt zu einer HTML-Datei auf der Hauptdomain. Die Zeile document location scheint nicht zu funktionieren, wenn das Dokument in einem Unterordner liegt (z. B. mobile/index.html).
Hilfe bitte? Ich gehe davon aus, dass es eine einfache Lösung ist.
#notacoder
Ich versuche, die folgende Version des Skripts zu verwenden.
<!--
if (screen.width
Hallo Mae, ja, die Weiterleitung auf /wordpress funktioniert einwandfrei.
Entschuldigen Sie die erneute Frage, aber ich könnte wirklich Hilfe gebrauchen…
Ich habe das obige Skript in meiner header.php-Datei für meine WordPress-Website verwendet und es leitet perfekt zu meiner mobilen Website weiter.
Wie genau bringe ich die mobilen Benutzer dazu, zur Desktop-Version zu gehen, wenn sie das wollen, ohne dass es ständig zurück zur mobilen Website schleift? Viele hilfreiche Informationen von anderen wurden oben gepostet, ich bin mir sicher, aber für jemanden, der so „grün“ ist wie ich, hilft es nicht, weil ich nicht weiß, welche Datei ich ändern soll usw.
Ich brauche eine Möglichkeit, mobile Benutzer (m.mydomain.com) wieder zur Desktop-Website (mydomain.com) zu wechseln, wenn sie sich dafür entscheiden, ohne dass es ständig in einer Schleife zur mobilen Website zurückkehrt.
Vielen Dank für die Hilfe!!!
Hallo allerseits.
Dieser Code funktioniert nicht auf meiner Website … oder mit meinem LG Android ….
Würde mir bitte jemand URLs schreiben, wo es richtig funktioniert, nur zum Überprüfen…
Danke
Ich denke, es ist besser, die Browser-JavaScript-Umleitung für mobile Websites zu vermeiden. Besser ist es, eine HTTP-Server-Umleitung zu verwenden, um Ladezeiten der Seite zu vermeiden.
Danke allerseits, ich hatte den Code unter http://detectmobilebrowsers.com/ gesehen, war mir aber nicht sicher, ob er gut ist. Nach dem Lesen dieses Threads habe ich ihn ausprobiert und er hat funktioniert! Ich wollte, dass meine mobilen Besucher die mobile Website verlassen und die vollständige Website sehen können, wenn sie wollen, und alle anderen Lösungen ließen sie entweder auf der mobilen Website festsitzen oder ich musste alle auf eine Seite leiten, um eine Wahl zwischen mobil und regulär zu treffen, einschließlich Computerbenutzer. Dies war eine großartige Lösung! Computer gehen zu meiner vollständigen Website, mobile Benutzer zur mobilen Website, und ich habe Links von beiden, sodass jeder wählen kann, ob er die andere Version sehen möchte…
Danke, smart und einfach!
Ein Fehler, den man nicht machen sollte, ist, die IF-Anweisung in ein document load einzufügen. Das Problem, das dies verursachte, war, dass, wenn Sie den Zurück-Button auf bestimmten Telefonen verwenden würden, Sie auf der Hauptseite landen würden, ohne dass sich document.location ändert, sodass der Benutzer nicht zur mobilen Version zurückkehren kann.
Im Grunde habe ich den Code in die Haupt-Website-JavaScript-Datei innerhalb des document.load eingefügt, was diesen Fehler verursachte. Dann habe ich die document.load-Umhüllung entfernt und alles war einwandfrei.
Danke! :D
Hallo Mark,
Sie haben gerade das Problem beschrieben, das ich zu lösen versuche. Können Sie etwas beschreibender sein, wie Sie es gelöst haben. Ich bin bestenfalls ein Anfänger und suche nach einer einfachen Lösung. Danke!
Matt
Definiere einfach :-D
Wenn also ein Benutzer auf der Desktop-Version landet, würde ich die obige Auflösungs-IF-Anweisung Inline ausführen, sodass kein „$(document).ready(function(“ den Code umgibt. Sie würden also den obigen Code einfach oben auf Ihrer Webseite einfügen. Oder in Ihrer JavaScript-Datei wie folgt:
Aber in meinem Setup ist es etwas anders. Sobald der Benutzer auf der mobilen Subdomain ist, habe ich jquery.cookie.js verwendet, um den Rest des Prozesses zu konfigurieren, da der Zugriff auf Cookies von Subdomain zu Hauptdomain erlaubt ist, aber nicht von Hauptdomain zu einer anderen Hauptdomain.
Wenn ein Benutzer lieber die Desktop-Version sehen möchte, klickt er auf „Desktop-Version anzeigen“, was einen Cookie mit dem Namen: mobile und dem Wert: off erstellt. Dann wird er zur Desktop-Domain weitergeleitet. Die endgültige Prüfung auf dieser Domain wäre eine weitere Inline-IF-Anweisung, die prüft, ob der Cookie existiert und den Wert „off“ hat.
Ich muss betonen, dass ich responsive Layouts verwenden würde, wenn möglich, um die Duplizierung von Inhalten/Arbeitsaufwand zu sparen, aber das war für das Projekt, das ich machte, keine Option.
Hallo,
Ich verwende dies, um einen Proof of Concept zu testen. Ich habe es für iPhone, Android und Windows Mobile funktionsfähig. Hat jemand eine Blackberry-Lösung gefunden?
Vielen Dank,
Hallo Joe
Ich habe das folgende Skript verwendet, bin mir aber nicht sicher, auf welchen Modellen das funktioniert (dies war für eine mobile Website, die ich vor so langer Zeit gebaut habe, dass sie in Tabellen war!! :-P), daher müssen Sie einige Tests durchführen, aber Sie verstehen die Idee.
Funktioniert dies für Seiten, die von Facebook „iframed“ wurden? Ich frage, weil Facebook-Tabs (Seiten innerhalb einer Facebook-Seite) zu dieser Zeit auf mobilen Geräten nicht aufgelöst werden. Jeder Facebook-Tab hat eine eindeutige URL. Aber wenn ein mobiles Gerät verwendet wird, leitet Facebook diese URLs auf die Facebook-Anmeldeseite um; nach der Anmeldung wird ein Facebook-„Seite nicht gefunden“-Fehler angezeigt. Ich möchte stattdessen, dass der mobile Benutzer aus Facebook zu einer Klon-ähnlichen Seite umgeleitet wird, die angezeigt werden soll. Hat jemand Erfahrung damit?
Ich habe diesen Code in den Head meines Genesis-Themes eingefügt. Wenn ich auf meinem Smartphone danach google, erhalte ich „Nichts gefunden“. (Die mobile Seite funktionierte beim Testen im Browser.) Irgendwelche Ideen?
Wie hoch wäre die Bildschirmbreite für ein Tablet? Ich möchte Benutzer von der Desktop-Version zu tablet.html umleiten. Danke!
Super! Einfach! Vielen Dank
Hat bei mir nicht funktioniert… mein Droid Incredible meldet, dass screen.width = 1024.
Zu viele Geeks, keine legitime Lösung! Dip$3!t Forum. 1-2-3-LOS!
Hallo allerseits, ich bin neu hier…
Bitte helfen Sie mir…
1) Ich habe eine Hauptdomain (newsct.com) und eine Subdomain (m.newsect.com)
2.) Ich benutze
A1) @import url(“screen.css”) screen;
A2) @import url(“mobile.css”) handheld;
A3) @import url(“print.css”) print;
um CSS umzuleiten…
B) nur eine Index-Seite namens (index.php)
3) Jetzt möchte ich, dass meine Besucher (mobile.css) über „Subdomain“ mit Desktop-Browsern durchsuchen können (wie z. B. m.facebook.com auf dem Desktop).
und Besucher können (screen.css) über „Maindomain“ mit mobilen Browsern durchsuchen.
Danke.
Entschuldigung für schlechtes Englisch.
Hallo Ahmed,
Sie müssen das JavaScript wie im zweiten schwarzen Kasten erwähnt verwenden hier. Dieses JavaScript muss zur Webseite hinzugefügt werden: newsct.com/index.php
Sie müssen eine weitere index.php mit den mobilen Stylesheets erstellen und diese nach m.newsect.com/index.php hochladen.
Zur Information…..
(Sie verwirren sich hier selbst. Die Medienauflösungsabfragen dienen dazu, dass Ihre Besucher nicht zu Ihrer mobilen Subdomain weitergeleitet werden. Was diese tun, ist, dass das Stylesheet einfach für die kleineren Bildschirme enthalten ist. Diese Methode ist nicht erforderlich, wenn Sie Ihre Besucher an die mobile Domain weiterleiten, wo Sie eine weitere Indexseite mit nur Ihrer mobilen CSS-Datei angehängt haben)
Hallo Mark,
Danke für die hilfreiche Antwort,
Ich werde das ausprobieren, was Sie gesagt haben…
funktioniert einwandfrei :) sehr einfach und sehr nützlich >>> danke
Ich benutze ein Nokia C7
Elegante Lösung mit JavaScript! Hier ist ein Artikel, der die Erkennung und Weiterleitung mobiler Geräte mit PHP abdeckt… http://www.mlynn.org/2010/06/mobile-device-detection-and-redirection-with-php und einer, den ich über Perl/CGI geschrieben habe… http://www.mlynn.org/2010/07/mobile-device-detection-and-redirection-with-perl-and-cgi
Viel Spaß!
Mike
Könnten Sie bitte ein Beispiel für ein alternatives Stylesheet geben?
Danke, das JavaScript funktioniert gut, interessantes Konzept, die Bildschirmbreite zu prüfen. Ich bin nur ein wenig besorgt, dass es in naher Zukunft aktualisiert werden muss, da diese mobilen Bildschirme bessere Auflösungen erhalten.
Ich bin auch ein wenig besorgt deswegen. Bisher denke ich, es gibt nur ein HTC, um das man sich Sorgen machen muss. Ich dachte daran, dies so anzugehen, dass wenn das Gerät einen Bildschirm mit hoher Auflösung hat, es wie ein großes Gerät behandelt und die Desktop-Version der Website angezeigt wird. Idealerweise würden responsive Designs dieses Problem lösen, aber leider können derzeit nicht alle Builds dies nutzen.
nicht alle Builds*
Hat jemand diesen Code auf .aspx ausprobiert?
Ich versuche, ein Skript zu finden, ohne eine .access-Datei zu verwenden.
Ich habe diesen Code in meiner Master-Datei ausprobiert, aber er funktioniert nicht.
Jegliche Ideen wären sehr willkommen.
Vielen Dank
Hallo,
Wenn Sie einen einfachen Code wünschen, um auf mehrere Geräte wie Feature Phones, Smartphones, BB, iPhone, iPad, Tab, Kindle, PSP, Nintendo Wii umzuleiten, dann gehen Sie hierhin
https://github.com/sebarmeli/JS-Redirection-Mobile-Site/tree/3e42b4e5a93d5cf39dcd1339e947c89d45741a21
Ich benutze es und es erfüllt genau meine Wünsche. Ein Benutzer kommt von Google auf meine Website: example[dot]com/page_1 wird direkt zu meiner mobilen Website umgeleitet: m.example[dot]com/page_1 usw.
Wie kann ich die mobile Version wechseln, um die vollständige Website anzuzeigen? Aber ich habe diesen Code auf meiner Index-Seite.
Es gibt ein paar Möglichkeiten, aber ich denke, eine zweite "if"-Anweisung, die prüft, woher Sie kommen, ist die einfachste... Sehen Sie meinen früheren Kommentar für Code (der 3. Versuch – bei den ersten 2 Versuchen habe ich den Code in einem Kommentar vermasselt).
Sie müssen nicht separate User-Agent-Übereinstimmungen verwenden. Trennen Sie die User-Agents einfach mit einem "|"… so…
if ((navigator.userAgent.match(/iPhone|iPad|iPod|Windows Phone/i)))
… dann können Sie so viele einfügen, wie Sie möchten, ohne dass das Skript zu lang wird.
Hallo,
Gibt es einen Grund, warum dieser einfache Code nicht funktionieren würde? Ich habe ihn als erstes JavaScript in meine index.html-Datei eingefügt. Aber er scheint nicht zu funktionieren.
Mit freundlichen Grüßen,
Jeremy
Hallo Jeremy, hast du die jQuery-Datei verlinkt und Validierungs-/Firebug-Fehler überprüft?
Nur damit ihr alle wisst, ich besitze das neue Samsung Note und es funktioniert bei einer Breite von 800, also musste ich meinen Code ändern zu
Ich bin mir nicht sicher, ob die Prüfung der Auflösung genau genug ist…
Ich fand diesen nativen JS-Code (nicht abhängig von jQuery) ziemlich narrensicher
var mobile = (/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase())); if (mobile) { window.location = "http://yourdomain.com/mobile.html" }Danke! Danke! Danke!
Soweit ich das getestet habe, funktioniert es hervorragend auf Android- und Apple-Geräten.
Meiner Meinung nach eine bessere Lösung als die mit Pixelbreite.
Können andere Besitzer von Mobilgeräten diesen Code bitte testen
Windows Mobile
Blackberry
Palm
Eine Frage an Sie Codemonkey, was bedeuten die Tags "mini" und "\sce"?
Welche Geräte zielen sie an?
Dieser Code hat für mich gut funktioniert, aber gibt es eine Möglichkeit, ihn anzupassen, um die Weiterleitung von der mobilen Seite zurück zur vollständigen Website zu ermöglichen?
Kann mir jemand auf eine tatsächliche Homepage verweisen, die diesen Code enthält, damit ich den Quellcode in Aktion sehen kann und wie er eingefügt wird? Ich kann diesen Code einfach nicht richtig zum Laufen bringen. Vielen Dank im Voraus.
Danke!!!! Funktioniert perfekt
Wenn es nur funktionieren würde – aber es tut es nicht. Sie können den Safari-Browser so einstellen, dass er mobile Websites anzeigt, und diese Weiterleitung funktioniert einfach nicht. Die URL von PC-Websites mit korrekten Weiterleitungen liefert mobile Seitenansichten korrekt in Safari. Es funktioniert nicht!
Diese Bibliothek ist sehr gut, für die mobile Erkennung und so einfach zu bedienen..
http://mobiledetect.net/
Das funktioniert wie am Schnürchen. Vielen Dank. :)
"<screen.width < 699"
Falsch! Sie können sich nicht mehr auf Pixel <699 verlassen, um zu erkennen, ob ein Gerät mobil ist, da die Telefone von 2012 eine viel höhere Auflösung haben, aber die Bildschirme immer noch relativ klein sind.
Selbst das iPad Mini hat 1024 Pixel, also würde es nach dieser Logik nicht die mobile Seite anzeigen.
Sie müssen mehr als nur die Anzahl der Pixel testen, Leute!
Sehr nützlich und immer noch sehr relevant. Keine Gerätebeschränkungen und die meisten sollten mit der JS-Anforderung gut zurechtkommen – danke.
[FEHLER GELÖST!]
Der JavaScript-Code in diesem Beitrag vom Autor ist in Ordnung, außer dass er bei mir auf Android-Telefonen nicht funktionierte. Dann habe ich eine Lösung gefunden. Ersetzen Sie einfach "document.location" durch "window.location" und Ihr Problem ist gelöst. Zu Ihrer Bequemlichkeit füge ich das vollständige Skript hinzu.
Wenn es immer noch nicht funktioniert, stellen Sie bitte sicher, dass Ihre JavaScript-Syntax korrekt ist.
Ahhhh perfekt, vielen Dank!!!! Ich habe mich gefragt, warum es auf dem S3 überhaupt nicht funktionierte!
Das funktioniert einfach nicht! Ich habe Dutzende von Variationen ausprobiert, wie in einigen Kommentaren hier. Habe das Skript in den Header, nach den Titel und vor mein CSS gesetzt. Ich habe die mobile.htm-Datei in denselben Ordner wie meine index.htm mit dem JavaScript gelegt, ich verkleinere das Browserfenster und keine Weiterleitung! Habe ein paar mobile Emulatoren ausprobiert und immer noch keine Weiterleitung! Muss man auch eine .js-Datei in seinem Root-Verzeichnis haben?
Nettes Code
Es funktioniert
Vielen Dank
Könnte mir jemand sagen, warum das bei mir nicht funktioniert? Meine Index-Datei (http://www.pianotuningnashville.com/test/index.htm) hat den folgenden Code, direkt nach dem Head-Tag
<
script type=”text/javascript”>
if (screen.width <481) {
window.location = “http://www.pianotuningnashville.com/test/mobile.htm”
}
Ich verkleinere meinen Bildschirm in Firefox (auch Explorer & Chrome ausprobiert) auf weniger als 480 und es ist immer noch dieselbe Seite – keine Weiterleitung. Ich habe JavaScript in allen Browsern aktiviert. Warum funktioniert das bei anderen und nicht bei mir? Mache ich etwas falsch? Bitte helfen Sie.
trashcode
Deshalb funktioniert es nicht? Wie setzt man dann einen Cookie? Ich bin eher Designer als Entwickler. Nicht gut im Code bewandert. Danke.
Hallo, ich habe das mit meinem Galaxy S3 versucht und es funktioniert nicht? Gibt es Lösungen?
Niemand hat kommentiert, wie der Code angepasst werden kann, um auf eine alternative CSS-Seite weiterzuleiten. Ich möchte wirklich keine neue Website erstellen, wenn eine Seite ausreicht.
@Bill Sie können responsives CSS verwenden.
und wie macht man das Menü "Vollständige Website"?
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) {
// Some code..
}
Dieses IF scheint für mich gut zu funktionieren
Getestet auf Apple iPhone 4S, Samsung Galaxy S3, Google Nexus 7
Ausgezeichnet. Dies ist eines der besten Skripte für die mobile Weiterleitung, das gut funktioniert. Mein altes Skript hat aus irgendeinem Grund kürzlich aufgehört zu funktionieren. Danke fürs Teilen!
Nicht alle WordPress-Seiten sehen auf einem Mobiltelefon gut aus. Was, wenn ich kein mobilfreundliches Theme haben wollte, aber das für meine WordPress-Seite tun wollte. Wo würde ich den vorgeschlagenen Code einfügen? Welche Datei?
<!--
if (screen.width
Hier ist das Skript.
if(navigator.appVersion.indexOf(“Win”)!=-1)
{
location.href = “#”;
}
else if(navigator.appVersion.indexOf(“Mac”)!=-1)
{
location.href = “http://example.com”;
}
else if(navigator.appVersion.indexOf(“Linux”)!=-1)
{
location.href = “http://example.com”;;
}
Ich möchte es als onClick-Funktion verwenden. Eigentlich habe ich eine Software-Website. Wenn der Benutzer auf "Download" klickt, wird die Seite automatisch entsprechend dem Betriebssystem des Benutzers umgeleitet. Wenn das OS MAC ist, wird zur MAC-Seite weitergeleitet, wenn Windows, dann zur Windows-Seite. Danke
Funktioniert wie ein kleines Wunder :)
<?php
$iphone = strpos($_SERVER['HTTP_USER_AGENT'],"iPhone");
$android = strpos($_SERVER['HTTP_USER_AGENT'],"Android");
$palmpre = strpos($_SERVER['HTTP_USER_AGENT'],"webOS");
$berry = strpos($_SERVER['HTTP_USER_AGENT'],"BlackBerry");
$ipod = strpos($_SERVER['HTTP_USER_AGENT'],"iPod");
$wmobile = strpos($_SERVER['HTTP_USER_AGENT'],"Mobile");
$opera = strpos($_SERVER['HTTP_USER_AGENT'],"Opera Mini");
if ($iphone || $android || $palmpre || $ipod || $berry || $wmobile || $opera == true)
{
header('Location: http://www.xxxxxx.xx/indexmobile.html');
echo "window.location=’http://www.xxxx.xx/indexmobile.html'”;
}
?>
Vorher in eine .php-Datei einfügen. Sehen Sie, wie es funktioniert: http://www.112pc.ro. Probieren Sie es auf einem sehr alten Handy aus :) Es funktioniert immer noch.
user_agent.php
<?php
$iphone = strpos($_SERVER['HTTP_USER_AGENT'],"iPhone");
$android = strpos($_SERVER['HTTP_USER_AGENT'],"Android");
$palmpre = strpos($_SERVER['HTTP_USER_AGENT'],"webOS");
$berry = strpos($_SERVER['HTTP_USER_AGENT'],"BlackBerry");
$ipod = strpos($_SERVER['HTTP_USER_AGENT'],"iPod");
if ($iphone || $android || $palmpre || $ipod || $berry == true)
{
header('Location: http://mobile.site.com/');
// ODER
echo "window.location=’http://mobile.site.com'”;
}
?>
und in Ihrer index.php oder home.php
Genau der Code, den ich gesucht habe. Einfach und unkompliziert. Vielen Dank!
Was, wenn ich Leute davon abhalten möchte, die mobile Website von einem Desktop-Browser aus zu besuchen? Gibt es eine "Anweisung", die angehängt werden kann, um das zu erledigen?
Hier ist eine Plugin-Lösung für WordPress – http://www.ultimate-wordpress-mobile-redirect.com
Dieses Plugin ermöglicht es Ihnen, eine eindeutige Weiterleitungs-URL für jede Seite und/oder jeden Beitrag auf Ihrer Website festzulegen. Auf diese Weise wird ein Besucher, wenn er auf einen Link klickt … zur richtigen mobilen Version und nicht nur zur Startseite geleitet.
Vielen Dank für diesen einfachen HTML-Code! Ich liebe ihn.
Ich denke, ich muss dieses Skript für alle meine Website-Seiten hinzufügen und bearbeiten, richtig? Es sieht so aus, als ob ich Google-Suche benutze und sagen wir, Google gibt zurück: mywebsite.com/contact/contact.html und jemand klickt darauf, es wird zur Computer-Website gehen, nicht zur mobilen Website…
Außerdem habe ich mich gefragt, ob es ein SEO-Problem gibt, weil ich zwei Websites habe: eine für Computer und eine für Mobilgeräte, aber das bedeutet, dass der Inhalt doppelt ist. Löst dieses Skript das Problem doppelter Inhalte für den Google-Bot??? Ist es sicher, es zu verwenden. Danke, dass Sie versuchen zu antworten (das ist eine ziemlich wichtige Frage für mich…) und entschuldigen Sie mein schlechtes Englisch.
Hallo!
Ich möchte den Skriptcode verwenden
if (screen.width <= 699) {
document.location = "mobile.html";
}
Weiterleitung OK, aber sie lädt und lädt und lädt…
Helfen Sie mir bitte!
Danke!
Was ist mit NEIN? Geben Sie einigen von uns Benutzern die Möglichkeit, die Desktop-Version anzuzeigen? Die meisten mobilen Websites sind nutzlos!
Ich habe eine mobile Version (www.domainname.mobi) und die Desktop-Version (www.desktop.com).
Beide Websites haben die gleichen URLs, zum Beispiel, wenn Sie die Desktop-Version öffnen (www.desktop.com/albums/taylor-swift.html) und die gleiche URL auf der mobilen Version (www.domainname.mobi/albums/taylor-swift.html). Aber das Problem ist, dass meine gesamte Website statisch ist und eine sehr alte Website, ich habe mehr als 10.000 statische Seiten. Muss ich jede Seite durchgehen und den Code hinzufügen? Gibt es eine Lösung, um einige .htaccess-Codes hinzuzufügen und es funktioniert und leitet gleich zu gleich weiter, aber ändert .com in .mobi?
Hinweis: Ich habe auch unterschiedliche Verzeichnisse auf dem Server, zum Beispiel.
http://www.desktop.com/albums/taylor-swift.html
http://www.desktop.com/track/rihanna.html
http://www.desktop.com/video/taylor-swift-just-like das.html
Kann mir bitte jemand helfen, .com (Desktop-Version) auf .mobi (mobile Version) umzuleiten?? Ich brauche nur die mobile Weiterleitung.
Ich habe .htaccess versucht, aber jedes Mal, wenn ich eine andere URL öffne, zum Beispiel eine URL öffne http://www.desktop.com/albums/taylor-swift.html, öffnet sich: http://www.desktop.mobi/albums/index.php Wie öffne ich http://www.desktop.mobi/albums/taylor-swift.html
Das funktioniert bestens. Danke!!!
Wie würdest du das für Android machen?
while(true)alert(“hola”)
Wirklich dankbar für einen so prägnanten Code
Hallo,
Ich habe viele verschiedene Dinge in meiner HTACCESS-Datei ausprobiert, mit dem Ziel, die html-Dateierweiterungen zu entfernen und einen nachgestellten Schrägstrich hinzuzufügen.
Allerdings stoße ich immer wieder auf dieses Problem
Entweder wird der nachgestellte Schrägstrich hinzugefügt, aber dann funktioniert aus irgendeinem Grund der Menüknopf (#menu) auf meiner Website auf mobilen Geräten nicht mehr.
ODER: Der nachgestellte Schrägstrich wird nicht hinzugefügt, wodurch der Menüknopf auf meiner Website, wenn er auf einem mobilen Gerät geöffnet wird, immer noch funktioniert.
Aber ich kann nicht beides, den nachgestellten Schrägstrich und den Menüknopf, zum Funktionieren bringen.
Jede Hilfe wäre willkommen.
Danke,
Lars
Tolle Arbeit…. aber ich möchte wissen, wie man in WordPress weiterleitet?
Meine Website ist GUPSHUP CORNER
Probieren Sie SOGO Add Script Header Footer!
Puh, danke. Ich habe das mit dem WordPress-Plugin SOGO Add Script Header Footer verwendet.
Was ist mit Android-Handys? Wie nennt man sie?
??? navigator.userAgent.match(/Android/i) ?????
Hallo, auf diese Weise indexiert Google die mobile Version der Website.
Gibt es eine Lösung?
Hallo.
Danke für Ihre Infos.
Ich hoffe, ich darf fragen
Ich gehe davon aus, dass ich beide Skripte auf index.htm verwenden kann?
Und wo platziere ich die Skripte? Innerhalb der Head-Tags?
20 Jahre seitdem ich meine letzte Website gemacht habe.:)
Mit besten Wünschen
Vegard
Können Sie ein Beispiel für Ausnahmen erstellen, bitte?