przekierowanie do urządzenia mobilnego przy użyciu szerokości przeglądarki zamiast szerokości ekranu - javascript, mobile

Szukam przekierowania mojej witryny do wersji mobilnej, wykrywając szerokość przeglądarki, a nie screen.width, czy to możliwe? Oto kod, który chcę zmienić ...

<script type="text/javascript">


<!--
if (screen.width <= 767) {
window.location = "http://m.mysite.com";
}
//-->
</script>

screen.width nie wydaje się dawać wiarygodnej odpowiedzi jakorozdzielczość jest tak wysoka w przypadku telefonów komórkowych (myślę, że to jest problem). więc gdy ustawię wyższą wartość, zacznie się ładować witrynę mobilną na iPadach lub małych przeglądarkach na komputerze.

Wolałbym nie przechodzić na ścieżkę agenta użytkownika, ponieważ nie chcę sprawdzać każdej witryny za każdym razem, gdy zostanie wydany nowy telefon.

Dziękuję Ci.

Odpowiedzi:

0 dla odpowiedzi № 1

Nie jestem zbyt zaznajomiony z tym problemem, ale wiempomogę, poszukałem trochę w Google, znalazłem kilka artykułów, które mogą być dla ciebie przydatne, zawierają PHP, Javascript i trochę dokumentacji o tym, jak i dlaczego.

Może uznasz to za przydatne.

1:

http://twoninewebdesign.com/2012/01/Admin/mobile-device-redirect-for-your-website/

2:

http://mobithinking.com/guide-device-detection

3:

http://www.webhostinghub.com/support/website/how-to/mobile-redirect

Szczerze, Harmen Brinkman.

---

0 dla odpowiedzi nr 2

Zdecydowałem się na połączenie klienta użytkownika, szerokości ekranu i szerokości okna. Powinno to zapewnić jak największą dokładność.

Użyłem kodu PHP stąd ... http://detectmobilebrowsers.com/ I trochę zredagowałem mój javascript.

<script type="text/javascript">

windowWidth = window.innerWidth;
<!--

if (screen.width <= 767 || windowWidth <= 767) {
window.location = "http://m.mysite.com";
}
//-->
</script>
<?php //CODE FROM LINK ABOVE ?>

---