モバイル（iOS）ページが真っ白でJSが無効

JonahAragon1 · 2023 年 5 月 25 日午後 5:27

iOS Safari で JavaScript を無効にしている場合、コンテンツが表示されません。ホームページは空白になり、トピックページにはテキストコンテンツなしでタイトルとカテゴリのみが表示されます。これは、自分のサイトと Meta の両方で確認しています。

iOS 16.5 でテストし、iOS ユーザーエージェントを設定した macOS Safari でもテストしました。

編集: Android/Chrome ユーザーエージェントを設定した場合でも、同様の現象を確認しています。

sam · 2023 年 5 月 26 日午前 1:20

@Falco / @david モバイル向けの最適化で、トラフィックを節約するために完全なペイロードを送信しないようにしているものだと思います。

意図的なもののように思えますが、将来的には何かできることがあるかもしれません。このようなケースではリダイレクトを強制するなど。（?javascript_disabled などにリダイレクトするなど…）

Falco · 2023 年 5 月 26 日午後 5:40

はい、まさにその通りです。トレードオフとして、ユーザーの99.999%にとってはパフォーマンスが向上し、ネットワーク使用量とユーザーのバッテリーの両方を節約できますが、最新のスマートフォンでJSを無効にしているユーザーは静的HTMLバージョンを取得できません。

github.com/discourse/discourse

app/helpers/application_helper.rb

main


      
          def waving_hand_url
            UrlHelper.cook_url(Emoji.url_for(":wave:t#{rand(2..6)}:"))
          end

metaタグでリダイレクトを強制しますか？ここでの if の else 部分にボタンをレンダリングするかもしれません。

github.com/discourse/discourse

app/views/topics/show.html.erb

main


      
                  <% @tags.each_with_index do |tag, i| %>
                    <a href='<%= "#{Discourse.base_url}/tag/#{tag.name}" %>' class='discourse-tag' rel="tag"><%= tag.name -%></a><% if i < @tags.size - 1 %>, <% end %>
                  <% end %>
                </div>
              </div>
            <% end %>
          </div>
          
          <%= server_plugin_outlet "topic_header" %>
          
          <%- if include_crawler_content? %>
            <div itemscope itemtype='http://schema.org/DiscussionForumPosting'>
              <meta itemprop='headline' content='<%= @topic_view.title %>'>
              <link itemprop='url' href='<%= @topic_view.absolute_url %>'>
              <meta itemprop='datePublished' content='<%= @topic_view.topic.created_at.to_formatted_s(:iso8601) %>'>
              <% if @topic_view.topic.category.present? %>
                <meta itemprop='articleSection' content='<%= @topic_view.topic.category.name %>'>
              <% end %>
              <meta itemprop='keywords' content='<%= @tags.map(&:name).join(', ') %>'>
              <div itemprop='publisher' itemscope itemtype="http://schema.org/Organization">
                <meta itemprop='name' content='<%= SiteSetting.company_name.presence || SiteSetting.title %>'>

パラメータ付きで現在のページをリロードしたり、Cookieを設定したりしますか？

この影響と必要な作業を考慮すると、優先度は低く、pr-welcome と言えるでしょう。

トピック		返信	表示
Discourse not loading on legacy browsers Bug	56	5081	2022 年 5 月 16 日
Accessibility and Patronizing language and euphemisms UX	6	366	2023 年 10 月 10 日
Broken crawler view when you disable Javascript Feature	1	643	2022 年 5 月 9 日
Safari (iOS) shows blank pages on Discourse instances after beta 8 due to manually disable IntersectionObserver Support	14	1873	2021 年 6 月 18 日
Make old browsers (e.g. Opera Mobile Classic) use the "noscript version" of Discourse Feature	3	2713	2015 年 1 月 27 日

モバイル（iOS）ページが真っ白でJSが無効

関連トピック