Информация об изменениях

Сообщение Мобильная версия сайта от 19.10.2017 17:50

Изменено 09.07.2020 16:49 sergeya

Мобильная версия сайта
Привет!

Скриншоты для затравки:

Главная страница с кнопками переключения на мобильный вид

https://raw.githubusercontent.com/SergeyA/rsdn-mobile-view/master/doc/img/screenshot_home.png


Список форумов

https://raw.githubusercontent.com/SergeyA/rsdn-mobile-view/master/doc/img/screenshot_forums.png


Список типиков

https://raw.githubusercontent.com/SergeyA/rsdn-mobile-view/master/doc/img/screenshot_topics.png


Список сообщений

https://raw.githubusercontent.com/SergeyA/rsdn-mobile-view/master/doc/img/screenshot_posts.png


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

Просил эту фичу еще в 2011 году — http://rsdn.org/forum/rsdn/4368634
Автор: seregaa
Дата: 04.08.11


В 2014 году ее реализовали — http://rsdn.org/forum/rsdn/5421523
Автор: AndrewVK
Дата: 08.01.14


А еще через три года у меня дошли таки руки ))))

Итак, это js скрипт, адаптирующий верстку страниц сайта rsdn.ru для удобного просмотра на мобильных устройствах.
Скрипт срабатывает после загрузки страницы и модифицирует ее — накладывает стили, удаляет лишние элементы, меняет верстку.
Для использования нужно в настройках профиля добавить ссылку на скрипт https://rawgit.com/SergeyA/rsdn-mobile-view/master/rsdn-mobile-view.js.

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

Исходники скрипта размещены на github-е (https://github.com/SergeyA/rsdn-mobile-view), можно форкать и добавлять свои фичи.

Из за того, что github отдает файлы без указания ContentType, скрипт нужно загружать через сервис rawgit.com или аналогичный.
Ссылка с правильным ContentType: https://rawgit.com/SergeyA/rsdn-mobile-view/master/rsdn-mobile-view.js

Минус такого способа в том, что rawgit кэширует файл и обновляет его не мгновенно, а только раз в несколько минут.
Во время разработки для оперативности мне приходилось загружать скрипт с локального IIS.

Список сообщений пока отображается только в плоском виде.
Есть кое какие идея по реализации древовидного представления, но следующий заход на доработку будет не в ближайщшее время.
Меня и плоский вид пока боле-менее устраивает.
Мобильная версия сайта
Привет!

Как включить мобильную версию:
Для использования нужно в настройках профиля добавить ссылку на скрипт https://sergeya.github.io/rsdn-mobile-view/rsdn-mobile-view.js

Скриншоты для затравки:

Главная страница с кнопками переключения на мобильный вид

https://raw.githubusercontent.com/SergeyA/rsdn-mobile-view/master/doc/img/screenshot_home.png


Список форумов

https://raw.githubusercontent.com/SergeyA/rsdn-mobile-view/master/doc/img/screenshot_forums.png


Список типиков

https://raw.githubusercontent.com/SergeyA/rsdn-mobile-view/master/doc/img/screenshot_topics.png


Список сообщений

https://raw.githubusercontent.com/SergeyA/rsdn-mobile-view/master/doc/img/screenshot_posts.png

Итак, это js скрипт, адаптирующий верстку страниц сайта rsdn.ru для удобного просмотра на мобильных устройствах.
Скрипт срабатывает после загрузки страницы и модифицирует ее — накладывает стили, удаляет лишние элементы, меняет верстку.
Для использования нужно в настройках профиля добавить ссылку на скрипт https://rawgit.com/SergeyA/rsdn-mobile-view/master/rsdn-mobile-view.js.

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

Исходники скрипта размещены на github-е (https://github.com/SergeyA/rsdn-mobile-view), можно форкать и добавлять свои фичи.

Список сообщений пока отображается только в плоском виде.
Есть кое какие идея по реализации древовидного представления, но следующий заход на доработку будет не в ближайщшее время.
Меня и плоский вид пока боле-менее устраивает.