移动端(iOS)页面禁用JS时空白

JonahAragon1 · 2023 年5 月 25 日 17:27

如果我在 iOS Safari 中禁用了 Javascript，内容根本不会呈现：主页是空白的，主题页面仅显示标题和类别，没有任何文本内容。我在自己的网站以及 Meta 上都看到了这种行为：

在 iOS 16.5 上进行了测试，并在 macOS Safari 中使用 iOS 用户代理进行了测试。

编辑：我还看到了使用 Android/Chrome 用户代理设置时出现这种情况。

sam · 2023 年5 月 26 日 01:20

@Falco / @david 我认为这是我们为移动设备进行的优化，即不发送完整负载以节省流量？

感觉是故意的，但也许我们可以长期做些什么，强制重定向或类似的操作来处理这种情况？（重定向到 ?javascript_disabled 或类似地址……）

Falco · 2023 年5 月 26 日 17:40

是的，正是如此。权衡是为 99.999% 的用户提供更好的性能，节省网络使用量和用户电池，但禁用其智能手机 JavaScript 的用户将无法获得静态 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	5099	2022 年5 月 16 日
Accessibility and Patronizing language and euphemisms UX	6	367	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	1881	2021 年6 月 18 日
Make old browsers (e.g. Opera Mobile Classic) use the "noscript version" of Discourse Feature	4	2716	2025 年12 月 4 日

移动端(iOS)页面禁用JS时空白

相关话题