Мобильная версия сайта
От: sergeya Ниоткуда http://blogtani.ru
Дата: 19.10.17 17:50
Оценка: 118 (14) +1
Привет!

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

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

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




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




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




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



Итак, это js скрипт, адаптирующий верстку страниц сайта rsdn.ru для удобного просмотра на мобильных устройствах.
Скрипт срабатывает после загрузки страницы и модифицирует ее — накладывает стили, удаляет лишние элементы, меняет верстку.

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

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

Список сообщений пока отображается только в плоском виде.
Есть кое какие идея по реализации древовидного представления, но следующий заход на доработку будет не в ближайщшее время.
Меня и плоский вид пока боле-менее устраивает.
Мобильная версия сайта RSDN — http://rsdn.org/forum/rsdn/6938747
Автор: sergeya
Дата: 19.10.17
Отредактировано 09.07.2020 17:07 sergeya . Предыдущая версия . Еще …
Отредактировано 09.07.2020 16:49 sergeya . Предыдущая версия .
Отредактировано 19.10.2017 18:31 sergeya . Предыдущая версия .
Re: Мобильная версия сайта
От: std.denis Россия  
Дата: 19.10.17 19:30
Оценка:
S>Из за того, что github отдает файлы без указания ContentType, скрипт нужно загружать через сервис rawgit.com или аналогичный.
S>Ссылка с правильным ContentType: https://rawgit.com/SergeyA/rsdn-mobile-view/master/rsdn-mobile-view.js

хинт в настройках говорит, что скрипт можно хранить в файлах пользователя
Re[2]: Мобильная версия сайта
От: sergeya Ниоткуда http://blogtani.ru
Дата: 19.10.17 19:50
Оценка: +1
Здравствуйте, std.denis,

SD>хинт в настройках говорит, что скрипт можно хранить в файлах пользователя


Как вариант. Но на гитхабе удобнее вносить правки.
Мобильная версия сайта RSDN — http://rsdn.org/forum/rsdn/6938747
Автор: sergeya
Дата: 19.10.17
Re: Мобильная версия сайта
От: std.denis Россия  
Дата: 19.10.17 20:42
Оценка:
S>Просил эту фичу еще в 2011 году — http://rsdn.org/forum/rsdn/4368634
Автор: seregaa
Дата: 04.08.11

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

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

Кстати, cпасибо!
Я как-то прозевал эту фичу. Приходилось скрипт и стиль завозить через аналог гризманки.

Правда я не люблю плоский режим, и поэтому мой скрипт поворачивает фрейм в книжный вариант (и стиль, картинки вписывает в ширину)
Жаль вот при листании списка сообщений на следующую страницу фрейм почему-то криво лейаутится, и мне знаний не хватает понять почему.

Теперь можно будет и на планшете нормально смотреть древовидные срачи
  Скриншот
Re: Мобильная версия сайта
От: Muxa  
Дата: 19.10.17 22:24
Оценка:
S>Список сообщений пока отображается только в плоском виде.
Э-э-э, теперь и на десктопе плоский режим.
Сделай это без модификаций пользовательских настроек сайта — ко всем ссылкам на топики руками добавляй ".flat", если оно там отсутствует.
Отредактировано 19.10.2017 22:24 Muxa . Предыдущая версия .
Re[2]: Мобильная версия сайта
От: sergeya Ниоткуда http://blogtani.ru
Дата: 19.10.17 23:23
Оценка:
Здравствуйте, Muxa, Вы писали:

S>>Список сообщений пока отображается только в плоском виде.

M>Э-э-э, теперь и на десктопе плоский режим.
M>Сделай это без модификаций пользовательских настроек сайта — ко всем ссылкам на топики руками добавляй ".flat", если оно там отсутствует.

Это из за того, что я перевожу список топиков в плоский режим — в таком режиме появляются быстрые ссылки на последние страницы длинного обсуждения.
Rsdn запоминает последний выбранный режим и при следующем визите включает его по-умолчанию.
Хорошо хоть режим можно вернуть иконкой над списком топиков.

Попробую сделать потвоему, может так действительно будет удобнее.
Мобильная версия сайта RSDN — http://rsdn.org/forum/rsdn/6938747
Автор: sergeya
Дата: 19.10.17
Re: Мобильная версия сайта
От: AndrewVK Россия http://blogs.rsdn.org/avk
Дата: 22.10.17 19:32
Оценка:
Здравствуйте, sergeya, Вы писали:

ИМХО намного более прямой путь — сделать чисто статическую отдельную морду, дергающую REST сервисы.
... << RSDN@Home 1.0.0 alpha 5 rev. 0 on Windows 8 6.2.9200.0>>
AVK Blog
Re[2]: Мобильная версия сайта
От: sergeya Ниоткуда http://blogtani.ru
Дата: 22.10.17 19:51
Оценка: +1
AVK>ИМХО намного более прямой путь — сделать чисто статическую отдельную морду, дергающую REST сервисы.

Прямой, но долгий. Верстать с нуля на порядок сложнее, чем спрятать столбы у существующей таблицы и навестить пару дополнительных стилей.

Этот набор скриптов я накидал за пару вечеров, и они уже приносят пользу.

Если бы я начал верстать страницу с нуля, все могло затянуться и имело шансы быть брошенным на половине пути.
Мобильная версия сайта RSDN — http://rsdn.org/forum/rsdn/6938747
Автор: sergeya
Дата: 19.10.17
Re: Мобильная версия сайта
От: _NN_ www.nemerleweb.com
Дата: 10.07.20 07:27
Оценка:
Здравствуйте, sergeya, Вы писали:

Есть раздражающая проблема со скриптом.
Нажимаешь на сообщение, но вместо открытия цепочки сообщений открывается форум и нужно искать тему и там переходить на правильную страницу.
http://rsdn.nemerleweb.com
http://nemerleweb.com
Re[2]: Мобильная версия сайта
От: sergeya Ниоткуда http://blogtani.ru
Дата: 10.07.20 08:11
Оценка:
Здравствуйте, _NN_, Вы писали:

_NN>Нажимаешь на сообщение, но вместо открытия цепочки сообщений открывается форум и нужно искать тему и там переходить на правильную страницу.


Т.е. в списке топиков кликаешь на любой теме и открывается страница со списком форумов? Это каждый раз так происходит? Под каким браузером/платформой?
Мобильная версия сайта RSDN — http://rsdn.org/forum/rsdn/6938747
Автор: sergeya
Дата: 19.10.17
Re[3]: Мобильная версия сайта
От: _NN_ www.nemerleweb.com
Дата: 10.07.20 09:17
Оценка:
Здравствуйте, sergeya, Вы писали:

S>Здравствуйте, _NN_, Вы писали:


_NN>>Нажимаешь на сообщение, но вместо открытия цепочки сообщений открывается форум и нужно искать тему и там переходить на правильную страницу.


S>Т.е. в списке топиков кликаешь на любой теме и открывается страница со списком форумов? Это каждый раз так происходит? Под каким браузером/платформой?


Не.
С главной страницы : https://rsdn.org
Я не включал мобильную версию для главной страницы.
http://rsdn.nemerleweb.com
http://nemerleweb.com
Re[3]: Мобильная версия сайта
От: _NN_ www.nemerleweb.com
Дата: 10.07.20 09:24
Оценка:
Здравствуйте, sergeya, Вы писали:

S>Здравствуйте, _NN_, Вы писали:


_NN>>Нажимаешь на сообщение, но вместо открытия цепочки сообщений открывается форум и нужно искать тему и там переходить на правильную страницу.


S>Т.е. в списке топиков кликаешь на любой теме и открывается страница со списком форумов? Это каждый раз так происходит? Под каким браузером/платформой?


Например такая ссылка
https://rsdn.org/forum/rsdn/7771347
Автор: borga
Дата: 07.07.20
http://rsdn.nemerleweb.com
http://nemerleweb.com
Re[2]: Мобильная версия сайта
От: vsb Казахстан  
Дата: 10.07.20 10:07
Оценка:
Здравствуйте, AndrewVK, Вы писали:

AVK>ИМХО намного более прямой путь — сделать чисто статическую отдельную морду, дергающую REST сервисы.


А где почитать про REST-сервисы RSDN-а? Там же не всё так просто, нужна и аутентификация междусайтовая и всё остальное.
Re[4]: Мобильная версия сайта
От: sergeya Ниоткуда http://blogtani.ru
Дата: 10.07.20 19:40
Оценка:
Здравствуйте, _NN_, Вы писали:

_NN>>>Нажимаешь на сообщение, но вместо открытия цепочки сообщений открывается форум и нужно искать тему и там переходить на правильную страницу.

S>>Т.е. в списке топиков кликаешь на любой теме и открывается страница со списком форумов? Это каждый раз так происходит? Под каким браузером/платформой?

_NN>Не.

_NN>С главной страницы : https://rsdn.org
_NN>Я не включал мобильную версию для главной страницы.

Воспроизвел. Поразбираюсь.
Мобильная версия сайта RSDN — http://rsdn.org/forum/rsdn/6938747
Автор: sergeya
Дата: 19.10.17
Re[3]: Мобильная версия сайта
От: AndrewVK Россия http://blogs.rsdn.org/avk
Дата: 11.07.20 20:58
Оценка: 10 (1)
Здравствуйте, vsb, Вы писали:

AVK>>ИМХО намного более прямой путь — сделать чисто статическую отдельную морду, дергающую REST сервисы.

vsb>А где почитать про REST-сервисы RSDN-а?

http://api.rsdn.org/swagger/index.html

vsb> Там же не всё так просто, нужна и аутентификация междусайтовая и всё остальное.


Там стандартный OAuth2
AVK Blog
Re[4]: Мобильная версия сайта
От: vsb Казахстан  
Дата: 12.07.20 11:05
Оценка:
Здравствуйте, AndrewVK, Вы писали:

AVK>>>ИМХО намного более прямой путь — сделать чисто статическую отдельную морду, дергающую REST сервисы.

vsb>>А где почитать про REST-сервисы RSDN-а?

AVK>http://api.rsdn.org/swagger/index.html


А оно с другого хоста сработает? Не api.rsdn.org, а apirsdn.org, например. Там же нужны CORS-заголовки. В примерах из api.rsdn.org заголовка Access-Control-Allow-Origin не видно, то бишь такая статическая отдельная морда будет работать только с того же домена или под-домена (ну или с серверным прокси).
Re[5]: Мобильная версия сайта
От: AndrewVK Россия http://blogs.rsdn.org/avk
Дата: 12.07.20 21:35
Оценка: 10 (1)
Здравствуйте, vsb, Вы писали:

vsb>А оно с другого хоста сработает? Не api.rsdn.org, а apirsdn.org, например. Там же нужны CORS-заголовки. В примерах из api.rsdn.org заголовка Access-Control-Allow-Origin не видно


Он появится если в запросе будет заголовок Origin
AVK Blog
Re: Мобильная версия сайта
От: Shtole  
Дата: 23.08.20 07:43
Оценка:
Здравствуйте, sergeya, Вы писали:

Супер! Шёл 2020-й год, Штирлиц как никогда был близок к комфорту, открывая RSDN.

А продолжать проект планируете? Есть два фича-реквеста.

1. Список форумов очень высокий из-за высоты элемента (название + описание). Это хорошо, легче попадать пальцем. Но плохо то, что этот список неюзабельно прокручивать.

Помогло бы:

а. Сворачивание (collapse/expand) групп с запоминанием статуса в куках. Нужна иконка шеврона выровненная по правому краю заголовка группы.

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

UPD Видимо, не подгрузились стили, 2а уже реализовано.

  Было
2. Такой длинный ряд иконок в сообщении не нужен. Иконки мелкие, приходится зумить туда-сюда.

Помогло бы:

a. Убрать из мобильной версии лишние кнопки (всё, кроме ответа и оценок).

b. Сгруппировать кнопки, оставить несгруппированной «Ответить», сделать выпадающими оценки, всё остальное.


Спасибо за внимание!
Do you want to develop an app?
Отредактировано 23.08.2020 7:48 Shtole . Предыдущая версия .
Re[5]: Мобильная версия сайта
От: _NN_ www.nemerleweb.com
Дата: 01.03.21 22:15
Оценка:
Здравствуйте, sergeya, Вы писали:

S>Здравствуйте, _NN_, Вы писали:


_NN>>>>Нажимаешь на сообщение, но вместо открытия цепочки сообщений открывается форум и нужно искать тему и там переходить на правильную страницу.

S>>>Т.е. в списке топиков кликаешь на любой теме и открывается страница со списком форумов? Это каждый раз так происходит? Под каким браузером/платформой?

_NN>>Не.

_NN>>С главной страницы : https://rsdn.org
_NN>>Я не включал мобильную версию для главной страницы.

S>Воспроизвел. Поразбираюсь.

Может в этом году найдётся минутка исправить ?
Предлагаю в GitHub добавить ссылки на спонсорство для пожертвований.
http://rsdn.nemerleweb.com
http://nemerleweb.com
Re[6]: Мобильная версия сайта
От: sergeya Ниоткуда http://blogtani.ru
Дата: 03.03.21 11:40
Оценка: 15 (1)
Здравствуйте, _NN_, Вы писали:

S>>Воспроизвел. Поразбираюсь.

_NN>Может в этом году найдётся минутка исправить ?

Готово ))

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

Поэтому пришлось постфактум перехватывать загрузку "неправильной" страницы и делать редирект на "правильную".
Выглядит немного кривовато — на мгновение видно, как перед загрузкой страницы сообщения грузится список всех топиков.
Но пока так.
Мобильная версия сайта RSDN — http://rsdn.org/forum/rsdn/6938747
Автор: sergeya
Дата: 19.10.17
Подождите ...
Wait...
Пока на собственное сообщение не было ответов, его можно удалить.