NoScript 用户在主题定制时看不到自定义页脚

错误
1

我们通过导航到“设置”>“自定义”>“主题”>“组件”来实现了一个自定义的页眉和页脚。在这里，我们安装了标准的页眉组件并将其与默认主题关联。然后，我们通过在“页眉”部分添加特定的页眉 HTML，并在“页脚”部分添加页脚 HTML 来自定义此组件。

对于启用了 JavaScript 的普通用户，一切显示正常，自定义页眉和页脚均可见。但是，当使用 NoScript 启用（特别是在“最安全”设置下的 Tor 浏览器）访问时，自定义页眉会错位到内容下方，而自定义页脚则完全消失——在页面源代码中也找不到它。

作为临时解决方案，我们在组件的“正文”部分集成了一个 noscript 标签，并将自定义页脚 HTML 再次嵌入此 noscript 标签内。但这只是一个权宜之计，我们希望有一个更简洁、未来不易出错的解决方案。

Bug 报告/功能请求：

  1. 确保自定义页脚对 NoScript 用户可见并正确渲染。
  2. 对于 NoScript 版本，页眉应显示在内容上方，页脚应跟在内容后面，以反映常规 JavaScript 启用页面的显示顺序。
2

您好 Adrelanos :slight_smile:

您能说得更具体些吗？这个“标准页眉组件”的确切名称是什么？

2 个赞
3

管理员 → 自定义 → 主题 → 组件 → 默认 → 组件 → 标题 → 编辑 HTML/CSS → 标题

<div class="header-brand-nav">
    <a class="home" href="https://www.example.com">example</a>
    ... 更多类似的链接 ...
</div>
1 个赞
4

我可以重现这个问题。

js
js2498×974 119 KB

:point_down:
no js
no js2498×1363 96.9 KB

2 个赞
6

这里是通过以下方式在主题的页眉和页脚中添加 HTML：

image
image363×200 3.51 KB

3 个赞
9

确实，某些主题元素确实会出现在网站的noscript 版本上。

最好能有一个关于预期支持级别的明确声明。

似乎资产和 CSS 被下载了……不确定其他元素是否也是如此。

2 个赞
13

更正式地呈现问题：

  1. 创建一个新的空主题组件

  2. 在 <kbd>Header</kbd> 中放入 <div></div>

  3. 在 <kbd>Footer</kbd> 中放入 <div></div>

  4. 转到主页并刷新页面

  5. 如预期所示，红色标题出现在 d-header 的顶部

    image
    image2560×1315 146 KB

  6. 向下滚动以显示绿色页脚：

    image
    image2560×1315 142 KB

    :warning: 页脚部分似乎有些卡顿。它应该在向下滚动时出现，并且滚动行为很奇怪，当我们到达自定义页脚时，滚动运动似乎变慢了。这可能需要一个新主题，因为它可能与当前问题无关。

  7. 在浏览器开发者工具（Chrome）中，转到右侧的 :gear:（设置），然后是“首选项”选项卡，然后勾选“禁用 Javascript”：

    image
    image2560×1315 190 KB

  8. 刷新页面：

    image
    image2560×1315 92.8 KB

1 个赞