Discourse не загружается в устаревших браузерах

Ian_W · 19.Март.2022 07:13:00

Я являюсь пользователем community(dot)jenkins(dot)io (извините, могу отправить только 2 ссылки). Согласно одному из администраторов, этот сайт использует экземпляр Discourse, спонсируемый официальной группой Discourse. В метатеге в заголовке/исходном коде указано Discourse 2.9.0.beta2.

В какой-то момент между понедельником и средой на этой неделе (14–16 марта 2022 года) сайт перестал загружаться в устаревших браузерах Firefox для Android. В частности, это касается Firefox Android 68.11.0. Этот же движок, очевидно, используется и в других браузерах, таких как Waterfox и Silk Browser на FireStick. Я ранее никогда не посещал этот сайт, но и он не загружается. Страница пытается получить данные в течение нескольких секунд, после чего экран становится пустым. Функция «Запросить версию для ПК» также отображается пустой. «Просмотр исходного кода» уходит в бездну пустоты.

Я сообщил об этом на сайте Jenkins, и администратор указал, что это, скорее всего, «потому что replaceAll недоступен в Firefox 68», предоставив доказательства от Saucelabs (ошибку видно примерно на отметке 00:17).

Ранее в этом месяце изменение в JavaScript второй раз нарушило функциональность StackOverflow (ссылка ниже) на сайтах StackOverflow/Exchange. Они уже ломали и исправляли это в декабре, и мы искренне надеемся, что они смогут отменить это изменение и восстановить функциональность.

Интересно, что я запустил ПК под управлением Windows XP с Firefox 52.9.0 ESR, и, несмотря на баннер «Ваш браузер слишком стар для работы на этом сайте», сайт, казалось, загружался нормально. Похоже, проблема довольно специфична и узкоспециализирована.

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

Ссылка на StackExchange: meta(dot)stackexchange(dot)com/q/376694

sam · 21.Март.2022 00:57:47

Мы, безусловно, всегда хотим отображать как минимум режим только для чтения в старых неподдерживаемых браузерах. Сбой — это когда отображается только пустая белая страница, и это ошибка.

Мы изучим эту регрессию в течение следующей недели.

david · 22.Март.2022 11:28:47

replaceAll не поддерживается в iOS <= 13.3]("replaceAll" | Can I use... Support tables for HTML5, CSS3, etc)

Этот PR добавит проверку поддержки этой функции и в случае необходимости вернётся к базовому HTML-представлению:

JammyDodger · 23.Март.2022 10:47:21

3 сообщения были объединены в существующую тему: Frontend на продакшн-сайте не работает – ошибка Ember/Test

zogstrip · 23.Март.2022 15:29:33

Спасибо @Ian_W за отчет

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

Ian_W · 23.Март.2022 19:02:48

Сообщаю лишь о частичном успехе на устаревшей версии Firefox для Android.

И на meta.discourse.org, и на community.jenkins.io теперь отображается баннер «браузер слишком устарел», как и на ПК с Windows XP, где запущен FF 52.9.0 ESR.

При этом тем нет — только логотип и подвал [Главная .. Политика конфиденциальности].

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

Ian_W · 23.Март.2022 19:04:44

Falco · 23.Март.2022 19:29:07

Мне удалось заставить meta.discourse.org отобразить старую версию HTML в Firefox 40:

Это должно происходить во всех версиях Firefox < 77.

Ian_W · 23.Март.2022 19:45:47

Как отмечалось, мой скриншот сделан на Android-версии. На десктопной версии сайт, похоже, работает нормально.

Я не знаю, как извлечь дополнительную информацию из браузера FF на Android, чтобы помочь в отладке.

Falco · 23.Март.2022 19:50:30

Только что установил устаревший Fennec Firefox 68.9 на свой телефон, и он, похоже, теперь работает:

Есть какие-нибудь идеи, что я упускаю при попытке воспроизвести ошибку?

Ian_W · 23.Март.2022 23:19:54

Что ж, не знаю, что и сказать. Я взял телефон с Android, сброшенный до заводских настроек (версия 7.0, так как телефон старый), загрузил Firefox для Android 68.11 APK, установил его и перешёл на meta(.)discourse(.)org ** — и получил предыдущий скриншот.

Затем всё становится странным. Перехожу на meta(.)discourse(.)org/t/ ** и получаю:

«Ой! Эта страница не существует или является приватной.

Но затем появляется список «Популярных» и «Недавних» тем, и я вижу эту самую тему.
При переходе по теме я вижу заголовок, а также метки «bug» и «pri-high», но нет содержимого.

**: пост с ограничением в 2 ссылки
(также не удаётся загрузить скриншоты через интерфейс, поэтому пришлось загружать их по одному в ответе)

Ian_W · 23.Март.2022 23:54:22

Ian_W · 23.Март.2022 23:54:58

Wake · 24.Март.2022 12:24:21

Смотрю, вдруг кто-нибудь предложит решение для использования Discourse на iPhone 6, прежде чем мне придется покупать новый телефон.

tutibins · 24.Март.2022 20:34:41

У меня та же проблема, как объясняется ниже:

Falco · 24.Март.2022 22:41:38

Для iOS < 13 или устаревшего Firefox Fennec на Android мы должны отображать HTML-представление.

Однако у нас не получается этого сделать, потому что HTML-представление отсутствует из-за

github.com/tgxworld/discourse

app/helpers/application_helper.rb

main


      
          end
          
          def escape_unicode(javascript)
            if javascript
              javascript = javascript.scrub
              javascript.gsub!(/\342\200\250/u, "&#x2028;")
              javascript.gsub!(%r{(</)}u, '\u003C/')
              javascript
            else
              ""
            end
          end
          
          def format_topic_title(title)
            PrettyText.unescape_emoji strip_tags(title)
          end
          
          def with_format(format, &block)
            old_formats = formats
            self.formats = [format]
            block.call

который существует в нашей кодовой базе уже очень давно.

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

github.com/discourse/discourse

config/site_settings.yml

main


      
            default: 24
            min: 0
            area: "notifications"
          auto_close_messages_post_count:
            default: 500
          auto_close_topics_post_count:
            default: 10000
          auto_close_topics_create_linked_topic:
            default: true
            area: "posts_and_topics"
          code_formatting_style:
            client: true
            type: enum
            default: "code-fences"
            choices:
              - code-fences
              - 4-spaces-indent
            area: "posts_and_topics"
          embed_any_origin:
            default: false
            area: "embedding"

чтобы это выполнялось только при необходимости?

Другой альтернативой является указание Babel выполнить транспиляцию replaceAll или найти достаточно качественный полифилл.

cc @sam @david @gerhard

sam · 25.Март.2022 00:34:15

Другие варианты, которые я могу придумать:

Полностью отказаться от browser_update_user_agents, используя XHR-запрос, совместимый с IE6, для получения контента для отображения на этих браузерах на мобильных устройствах. (Отключение JavaScript уже не работает на мобильных устройствах)
Добавить полифилл для replaceAll
Включать контент для поисковых роботов безусловно (в том числе на мобильных устройствах)
То же, что и в пункте (1), но оставить настройку как микрооптимизацию, с откатом к XHR.

Я склоняюсь к вариантам между (1) и (3), (4).

Falco · 25.Март.2022 00:41:35

3 — это то, что, боюсь, нам в конечном итоге придётся сделать, поскольку количество мобильных устройств, оставленных без поддержки их производителями, будет со временем только расти. Это увеличит нагрузку на сервер при заполнении шаблона и увеличит размер HTML на мобильных устройствах, но, на мой взгляд, мы должны это сделать.

Поэтому я предлагаю реализовать вариант 3 и одновременно проверить, насколько реалистично выполнить варианты 1 и 2.

sam · 25.Март.2022 00:44:11

Мы можем перевернуть всё с ног на голову и включить мобильную оптимизацию только для конкретных браузеров. Это позволит сохранить оптимизацию для 95% мобильного трафика, который к нам приходит, и при этом оставаться в полной безопасности.

Тема		Ответов	Просм.
Discourse not working on an old phone with an unsupported browser Support	15	2235	07.02.2020
Maintaining support for iOS 12 - 14 until January 2023 Announcements	23	21783	01.02.2023
Blank page when using iPhone 6 since last 16th March Bug	9	2221	24.03.2022
Dropping iOS 15 & other old browsers in July 2025 Announcements	144	62092	21.08.2025
iOS app just shows white screen Bug	80	10840	07.11.2018

Discourse не загружается в устаревших браузерах

Связанные темы