Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум (новые сообщения вниз) Структурный форум

тема: Исследование пользователя средствами JC

Сообщения:  [1-5] 

 
 автор: Sfinks   (12.11.2013 в 20:42)   письмо автору
 
   для: Владимир55   (12.11.2013 в 14:51)
 

Можно воспользоваться вот этим мини-плагином http://www.quirksmode.org/js/detect.html
Или написать что-то подобное самостоятельно.

  Ответить  
 
 автор: Владимир55   (12.11.2013 в 14:51)   письмо автору
 
   для: Владимир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   (11.11.2013 в 22:17)   письмо автору
 
   для: Владимир55   (11.11.2013 в 14:35)
 

И даже опять не так!

Нужно иметь два CSS файла - один с настройками для обычных компьютеров, а другой с настройками для просмотра на мобильный устройствах. И пусть JS подключает тот, который нужен данному пользователю в зависимости от того, каким устройством он сайт просматривает (стационарным или мобильным).

Так будет лучше?

  Ответить  
 
 автор: Владимир55   (11.11.2013 в 14:35)   письмо автору
 
   для: Владимир55   (11.11.2013 в 11:29)
 

Даже не так.

Две группы media - одна для обычных устройств, а другая для мобильных. И в зависимости от того, на каком устройстве пользователь просматривает сайт (на стационарном или на мобильном), активируется соответствующая группа media.

(Похоже, что Гугл в своих рекомендациях по мобильным сайтам, хотя и не в явном виде, указывает именно на такое решение).

  Ответить  
 
 автор: Владимир55   (11.11.2013 в 11:29)   письмо автору
 
 

Может ли (гипотетически) быть создан JC скрипт, который:
- определит, просматривает ли пользователь сайт с мобильного устройства или с монитора ПК;
- определит количество пикселей по горизонтали на экране пользователя, в том числе и при повороте мобильного устройства:
- включит соответствующий media из имеющейся номенклатуры исходя из ширины экрана и вида устройства, с которого просматривается сайт (мобильного или стационарного).

Позволяют ли средства JC решать эту проблему?

  Ответить  

Сообщения:  [1-5] 

Форум разработан IT-студией SoftTime
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования