Как правильно реализовать вывод разного количество постов на разных размерах экрана?

Question

[nezzard]

Добрый день, пытаюсь понять как правильно реализовать вывод постов, чтобы не навредить будущему продвижению сайта.
В общем на десктопах с большими экранами у меня выводится 6 записей в ряд, формирую их с помощью col-xl-2 в bootstrap

Но к примеру на iPad мне надо 8 записей, чтобы вывести два ряда.

Первое что в голову приходит это выводить записи ajaxОм но, я читал что поисковики не совсем любят такое дело. Может можо как-то реализовать это дело другим путем?
Подскажите пожалуйста направление.

Answer 1

[Zevs91]

Есть масса вариантов
Я могу подсказать один вариант, без ajax
Используйте суперглобальный массив $_SERVER а именно $_SERVER['HTTP_USER_AGENT']

echo $_SERVER['HTTP_USER_AGENT'] . "\n\n";
$browser = get_browser(null, true);
print_r($browser);

ответ будет у всех разный все зависит от ос и браузера
а как пример

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7) Gecko/20040803 Firefox/0.9.3

Array
(
    [browser_name_regex] => ^mozilla/5\.0 (windows; .; windows nt 5\.1; .*rv:.*) gecko/.* firefox/0\.9.*$
    [browser_name_pattern] => Mozilla/5.0 (Windows; ?; Windows NT 5.1; *rv:*) Gecko/* Firefox/0.9*
    [parent] => Firefox 0.9
    [platform] => WinXP
    [browser] => Firefox
    [version] => 0.9
    [majorver] => 0
    [minorver] => 9
    [cssversion] => 2
    [frames] => 1
    [iframes] => 1
    [tables] => 1
    [cookies] => 1
    [backgroundsounds] =>
    [vbscript] =>
    [javascript] => 1
    [javaapplets] => 1
    [activexcontrols] =>
    [cdf] =>
    [aol] =>
    [beta] => 1
    [win16] =>
    [crawler] =>
    [stripper] =>
    [wap] =>
    [netclr] =>
)

иными словами можно получит название браузера и ос клиента до того как страница будет загружена
Вот Вам функция взятая из сети:

<?php
/*
Author: Daniel Kassner
Website: http://www.danielkassner.com
*/
function getOS($userAgent) {
  // Создадим список операционных систем в виде элементов массива
    $oses = array (
        'iPhone' => '(iPhone)',
        'Windows 3.11' => 'Win16',
        'Windows 95' => '(Windows 95)|(Win95)|(Windows_95)', // Используем регулярное выражение
        'Windows 98' => '(Windows 98)|(Win98)',
        'Windows 2000' => '(Windows NT 5.0)|(Windows 2000)',
        'Windows XP' => '(Windows NT 5.1)|(Windows XP)',
        'Windows 2003' => '(Windows NT 5.2)',
        'Windows Vista' => '(Windows NT 6.0)|(Windows Vista)',
        'Windows 7' => '(Windows NT 6.1)|(Windows 7)',
        'Windows NT 4.0' => '(Windows NT 4.0)|(WinNT4.0)|(WinNT)|(Windows NT)',
        'Windows ME' => 'Windows ME',
        'Open BSD'=>'OpenBSD',
        'Sun OS'=>'SunOS',
        'Linux'=>'(Linux)|(X11)',
        'Safari' => '(Safari)',
        'Macintosh'=>'(Mac_PowerPC)|(Macintosh)',
        'QNX'=>'QNX',
        'BeOS'=>'BeOS',
        'OS/2'=>'OS/2',
        'Search Bot'=>'(nuhk)|(Googlebot)|(Yammybot)|(Openbot)|(Slurp/cat)|(msnbot)|(ia_archiver)'
    );
    foreach($oses as $os=>$pattern){
        if(eregi($pattern, $userAgent)) { // Пройдемся по массиву $oses для поиска соответствующей операционной системы.
            return $os;
        }
    }
    return 'Unknown'; // Хрен его знает, чего у него на десктопе стоит.
}
?>

echo getOS($_SERVER['HTTP_USER_AGENT']);

Данный вариант лучше всего подходит под Вашу задачу

Comments

[nezzard]

Благодарю, а если это будет пк? Какой вариант может быть?
К нетбук какой нибудь маленький

[Zevs91]

Я не понял Ваш вопрос
Можно более подробней

[nezzard]

Zevs91, Ну ваш пример хорош если мне надо мою задачу реализовать к примеру для айпада.
А не только ведь iPad имеют схожие размеры экрана, к примеру 1024
Вот можно ли как-то без аякса обойтись в данном случае?
Сделать чтобы в зависимости от размера выводилось разное количество записей. Со своей стороны вижу только аякс, поэтому решил спросить, может есть другие возможности

[Zevs91]

В php к сожалению нет встроенной функций определения разращения экрана

[nezzard]

Zevs91, Я это понимаю, но как вообще реализовывается задуманное, по какому пути идти?
Вот если не заморачивается про сео, все элементарно в js
if(screen <= 1024){
тут аякс с нужным колличеством
} else { тут понятно}

А вот если думать об сео то не совсем понятно как правильно поступить

[Zevs91]

nezzard, В данный момент Вы хотите вычислить google/yandex бота маскирующийся под разные разращения экрана Вам никак через js не получиться узнать разращения экрана и отправить запрос(с раз. экрана) на сервер раньше бота а сервер не способен вычислить разрешения экрана, Вам вообще не стоит об этом задумываться, так как Ваши конкуренты в таком же безвыходном положений как и Вы