1. Приветствуем Вас на неофициальном форуме технической поддержки XenForo на русском языке. XenForo - коммерческий форумный движок от бывших создателей vBulletin, написанный на PHP.

Обсуждение поддержки мобильных браузеров (iPhone)

Тема в разделе "OFF-топик", создана пользователем Yoskaldyr, 30.05.2011.

Загрузка
  1. Yoskaldyr

    Yoskaldyr Пользователь

    Регистрация:
    27.09.10
    Сообщения:
    1 921
    Симпатии:
    1 163
    Версия XF:
    1.0.4
    Где появилась данная инфа? Потому что если это аналог TMS - то это будет просто супер! (Если аналог замены на лету, то это :poop:)
     
  2. Gatses

    Gatses Местный

    Регистрация:
    05.02.11
    Сообщения:
    421
    Симпатии:
    584
    Версия XF:
    1.5.9
  3. Yoskaldyr

    Yoskaldyr Пользователь

    Регистрация:
    27.09.10
    Сообщения:
    1 921
    Симпатии:
    1 163
    Версия XF:
    1.0.4
    а-а-а.... я не правильно понял... Я подумал что ragtek собирается аддон сделать для автоматического изменения шаблонов...
    --- добавлено : May 30, 2011 1:35 PM ---
    если надо сделать это же самое и аддоном - могу написать - пару строчек кода. Одна проблема важна порядок и очередность meta и css или нет?
     
    CyberAP нравится это.
  4. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2 604
    Симпатии:
    1 660
    Версия XF:
    1.5.10
    Я пока не знаю как там рагтек написал свой аддон. Если он опять требует его фреймворк то лучше конечно же иметь аддон который больше ничего не требует. На данный момент существует только одна проблема: нужна кнопка в футере, которая будет показываться только тем кто сидит с мобильных устройств и нажатие её отключало бы мобильный стиль (запоминать через куки), но вот как её показывать именно для мобильных устройств я даже не знаю.

    Очерёдность meta не важна, а вот css важна. Но там всего-лишь один линк, главное его выводить после основных.
     
  5. Yoskaldyr

    Yoskaldyr Пользователь

    Регистрация:
    27.09.10
    Сообщения:
    1 921
    Симпатии:
    1 163
    Версия XF:
    1.0.4
    а аналог шаблонного require css не подойдет если в самом конце вызываться будет?
     
  6. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2 604
    Симпатии:
    1 660
    Версия XF:
    1.5.10
    А как его выводить только для мобильных браузеров? Вся фишка как раз в том что туда можно поставить media тэг, который и выводит этот css только для них.
     
  7. Yoskaldyr

    Yoskaldyr Пользователь

    Регистрация:
    27.09.10
    Сообщения:
    1 921
    Симпатии:
    1 163
    Версия XF:
    1.0.4
    а, ну тогда я просто в хед запихну, т.е. все равно проблем нет.
     
  8. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2 604
    Симпатии:
    1 660
    Версия XF:
    1.5.10
    Через link ведь можно подключать js? Можно таким же образом добавить в футер кнопку отключения мобильного стиля. При чём это неплохо было бы делать прямо на ходу (т.е. выгружать css).
     
  9. Yoskaldyr

    Yoskaldyr Пользователь

    Регистрация:
    27.09.10
    Сообщения:
    1 921
    Симпатии:
    1 163
    Версия XF:
    1.0.4
    я могу добавлять необходимый css используя стандартные классы ксена проверки браузера на мобильность. но ведь все равно задача media делать универсальную верстку

    еще можно заюзать
    http://habrahabr.ru/blogs/webdev/119127/
    http://habrahabr.ru/blogs/webdev/111157/
    http://www.webmonkey.com/2011/04/adapt-js-offers-javascript-alternative-to-css-media-queries/
     
  10. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2 604
    Симпатии:
    1 660
    Версия XF:
    1.5.10
    Если использовать первый способ, то его отключение будет серьёзной проблемой. Если через js можно отключить распознавание ширины окна браузера, то проблема решена и можно сделать вообще универсальный стиль (правда тут работы не меньше чем на неделю).

    Второй случай почти тоже самое что media queries, но только с более тонкой настройкой. Думаю если выбирать между первым и вторым то лучше остановиться на первом. Всё же первый способ намного понятнее. К тому же media queries меняют внешний вид на ходу, в том время как второй и третий такого сделать не смогут.

    Надо думать как можно отключить распознавание ширины браузера у устройств.
     
  11. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2 604
    Симпатии:
    1 660
    Версия XF:
    1.5.10
    А можно ли через аддон будет подключить свой шаблон к extra.css?
    10% реализации первого метода готово.
     
  12. Yoskaldyr

    Yoskaldyr Пользователь

    Регистрация:
    27.09.10
    Сообщения:
    1 921
    Симпатии:
    1 163
    Версия XF:
    1.0.4
    есть возможность подключить любой js или css при определенных условиях, не в конкретный шаблон а вообще. Т.е. аналог шаблонного xen:require но только плагином. Условие к примеру - что брозер мобильный (судя по коду ксена в этой проверке проверяются все основные мобильные брозеры)
     
  13. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2 604
    Симпатии:
    1 660
    Версия XF:
    1.5.10
    Решение с подключением шаблонов через стандартную проверку мне кажется более удачным, чем media queries, особенно если можно добавить кнопку для отключения этих шаблонов. Это и кроссбраузерность обеспечит.
     
  14. Yoskaldyr

    Yoskaldyr Пользователь

    Регистрация:
    27.09.10
    Сообщения:
    1 921
    Симпатии:
    1 163
    Версия XF:
    1.0.4
    как сделать кнопку отключения я еще не смотрел...
     
  15. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2 604
    Симпатии:
    1 660
    Версия XF:
    1.5.10
    Если будет готов предварительный аддон то я готов вплонтую заняться css для поддержки большинства стилей и браузеров.
     
  16. Romchik®

    Romchik® The Power of Dreams Команда форума

    Регистрация:
    26.09.10
    Сообщения:
    5 746
    Симпатии:
    5 311
    Версия XF:
    1.5.18
    Тоже вот столкнулся с версткой для мобильных. Но не с XF, а вообще.

    Как минимум есть 2 вопроса. Как отключить зум и сделать страницу просто 100% по ширине?
    При этом нет горизонтальной прокрутки, только вертикальная и без полосы прокрутки.
    Пример (заходить с мобильного):
    Код:
    http://m.spiegel.de
    Или может кто знает, как глянуть исходный код этой страницы?
    --- добавлено : 1 июн 2011 в 16:38 ---
    Кажется нашел. Чтобы отключить зум и сделать по ширине девайса, пишет такой мета-тэг:
    Код:
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
     
  17. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2 604
    Симпатии:
    1 660
    Версия XF:
    1.5.10
    Да, именно так. В той теме откуда это вырезали как раз был meta-тэг, где и находилось: user-scalable=no, width=device-width
     
  18. Андрей Х

    Андрей Х Местный

    Регистрация:
    26.04.11
    Сообщения:
    183
    Симпатии:
    155
    Версия XF:
    1.5.11
    Если надо могу весь исходник выложить, это страницы.
     
  19. Yoskaldyr

    Yoskaldyr Пользователь

    Регистрация:
    27.09.10
    Сообщения:
    1 921
    Симпатии:
    1 163
    Версия XF:
    1.0.4
    тогда мне надо знать, как именно делать, добавлять отдельно строку с подключением css и определенными media свойствами или просто делать require css или js из кода
     
  20. Romchik®

    Romchik® The Power of Dreams Команда форума

    Регистрация:
    26.09.10
    Сообщения:
    5 746
    Симпатии:
    5 311
    Версия XF:
    1.5.18
    Андрей, да, если нетрудно, можно в архив и залить куда-нить. Буду благодарен.
     
    Андрей Х нравится это.

Поделиться этой страницей