| |
|
|
| | Может ли (гипотетически) быть создан JC скрипт, который:
- определит, просматривает ли пользователь сайт с мобильного устройства или с монитора ПК;
- определит количество пикселей по горизонтали на экране пользователя, в том числе и при повороте мобильного устройства:
- включит соответствующий media из имеющейся номенклатуры исходя из ширины экрана и вида устройства, с которого просматривается сайт (мобильного или стационарного).
Позволяют ли средства JC решать эту проблему? | |
| |
|
|
| |
|
|
| |
для: Владимир55
(11.11.2013 в 11:29)
| | | Даже не так.
Две группы media - одна для обычных устройств, а другая для мобильных. И в зависимости от того, на каком устройстве пользователь просматривает сайт (на стационарном или на мобильном), активируется соответствующая группа media.
(Похоже, что Гугл в своих рекомендациях по мобильным сайтам, хотя и не в явном виде, указывает именно на такое решение). | |
| |
|
|
| |
|
|
| |
для: Владимир55
(11.11.2013 в 14:35)
| | | И даже опять не так!
Нужно иметь два CSS файла - один с настройками для обычных компьютеров, а другой с настройками для просмотра на мобильный устройствах. И пусть JS подключает тот, который нужен данному пользователю в зависимости от того, каким устройством он сайт просматривает (стационарным или мобильным).
Так будет лучше? | |
| |
|
|
| |
|
|
| |
для: Владимир55
(11.11.2013 в 22:17)
| | | Сейчас принадлежность к мобильным устройствам определяется на сервере с помощью приведенного ниже кода. По существу, JS должен делать то же смое, а результатом должно быть не сообщение, а подключение соответствующего CSS файла.
Хотелось бы понять, возможно ли это реализовать?
Имеются ли в арсенале JS необходимые для этого средства?
<?php
// Исследование мобильных систем
function mobile_detect()
{
$user_agent = $_SERVER['HTTP_USER_AGENT'];
$ipod = strpos($user_agent,"iPod");
$iphone = strpos($user_agent,"iPhone");
$android = strpos($user_agent,"Android");
$symb = strpos($user_agent,"Symbian");
$winphone = strpos($user_agent,"WindowsPhone");
$wp7 = strpos($user_agent,"WP7");
$wp8 = strpos($user_agent,"WP8");
$operam = strpos($user_agent,"Opera M");
$palm = strpos($user_agent,"webOS");
$berry = strpos($user_agent,"BlackBerry");
$mobile = strpos($user_agent,"Mobile");
$htc = strpos($user_agent,"HTC_");
$fennec = strpos($user_agent,"Fennec/");
if ($ipod || $iphone || $android || $symb || $winphone || $wp7 || $wp8 || $operam || $palm || $berry || $mobile || $htc || $fennec)
{
return true;
}
else
{
return false;
}
}
if (mobile_detect())
{
echo "<br />MOBIL Мобильное устройство <br />";
}
else
{
echo "<br />PC Стационарный компьютер <br />";
}
|
| |
| |
|
|
| |
|
|
| |
для: Владимир55
(12.11.2013 в 14:51)
| | | Можно воспользоваться вот этим мини-плагином http://www.quirksmode.org/js/detect.html
Или написать что-то подобное самостоятельно. | |
| |
|
|
