Обнаружение разрешения экрана

Я знаю, что подобные вопросы были заданы, но это другое.Обнаружение разрешения экрана

Введение: я создаю веб-сайт с адаптивными проектами (3 шаблона для интервалов 3 ширины следующим образом: 1200 + px, 600-1200 пикселей, 600 пикселей).

Проблема: у меня очень трудное время с обнаружением ширины экрана пользователя. Я знаю, что только js может определить размер экрана пользователя, поэтому я попробовал два способа обнаружения. 1. Сначала я использовал файл cookie, чтобы сохранить ширину, но поскольку cookie становится активным только после обновления, мне нужно обновить страницу. 2. Второй o используется для отправки ширины как параметра с GET, но снова мне нужно обновить страницу, чтобы отправить параметры.

Итак, вопрос: есть ли способ получить размер экрана без обновления страницы (значение, которое необходимо сохранить в файле cookie/сеансе). Мне нужен правильный шаблон для первого посещения страницы.

Если у вас нет решения (только с рефрестом) для определения ширины, как решить проблему для сканеров, чтобы они не увидели перенаправление.

источник

2013-09-25 Rotari Radu

Почему бы не обнаружить и не получить файлы шаблонов через javascript вместо php? –

Лучше вы должны создать бесплатный шаблон. – JSJ

@ Joran: потому что это сайт drupal, использующий php. –

Может быть, я что-то здесь отсутствует, но вы должны использовать @media запросов https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries и http://css-tricks.com/snippets/css/retina-display-media-query/

источник

2013-09-25 11:30:57 jeff

Я знаю, что это правильный способ сделать, это использовать медиа-запросы, однако макет будет препятствовать отображению некоторых данных, другой шаблон предотвратит загрузку данных. Вот почему я хотел бы использовать шаблон вместо макета. –

Я думаю, вы приближается это неправильный путь. Конечно, запросы css @media - это способ сделать это?

Если по какой-то причине вы нуждаетесь в ширину в Javascript, то вы можете сделать

JQuery:

$(document).width();

JavaScript:

document.body.clientWidth

Я хотел бы пересмотреть вашу методологию, если вы можете хоть..?

источник

2013-09-25 11:37:56

Я закончил работу с DDR (репозиторием описания устройств), именно этот: http://wurfl.sourceforge.net/ Он работает хорошо и дает много стираний, за исключением Firefox. Для использования не требуется ни CSS, ни JS.

источник

2013-10-17 11:27:44

Обнаружение разрешения экрана

ответ

Смежные вопросы