presmerovanie na mobil pomocou šírky prehliadača namiesto šírky obrazovky - javascript, mobile

Hľadám presmerovanie svojich stránok na mobilnú verziu zistením šírky prehliadača screen.width, Je to možné? Tu je kód, ktorý chcem zmeniť ...

<script type="text/javascript">


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

screen.width Zdá sa, že neposkytuje spoľahlivú odpoveď akorozlíšenie je na mobilných telefónoch také vysoké (myslím, že to je problém). takže keď nastavím vyššiu hodnotu, začne sa načítavať mobilná stránka v zariadeniach iPad alebo v malých prehliadačoch pre počítače.

Radšej by som nemal ísť po trase užívateľského agenta, pretože nechcem, aby musel byť kontrolovaný každý web zakaždým, keď vyjde nový telefón.

Ďakujem.

odpovede:

0 pre odpoveď č. 1

Nie som veľmi oboznámený s týmto problémom, alepomôžem vám, trochu som prešiel googlom, našiel som nejaké články, ktoré by vám mohli byť užitočné, zahŕňajú PHP, Javascript a nejakú dokumentáciu o tom, ako a prečo.

Možno sa vám to bude hodiť.

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

Úprimne, Harmen Brinkman.

---

0 pre odpoveď č. 2

Rozhodol som sa ísť na kombináciu user agenta, šírky obrazovky a šírky okna. Toto by malo byť čo najpresnejšie.

Použil som kód PHP odtiaľto ... http://detectmobilebrowsers.com/ A trochu upravil 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 ?>

---