【问题标题】:comparing strategies to avoid flash of unstyled content (fouc)比较避免无样式内容闪现的策略(fouc)
【发布时间】:2012-06-28 22:14:04
【问题描述】:

我需要用 cookie 控制 CSS:

  • 当用户通过我在所有页面上包含的控件选择样式时,该设置需要持续存在,直到用户更改它或 cookie 过期
  • 用户返回时不应出现默认样式或 FOUC
  • 没有 jquery 或其他库或框架
  • 适用于 Windows 上的 IE、Firefox、Chrome、Opera、Safari; MacOS 上的最后四个; iOS 上的 Safari; Linux 上的 Firefox 和 Chrome)
  • 将使用的网络字体绑定到特定的@class 属性
  • 按钮收缩其文本值
  • 用于切换样式和显示 cookie 状态的复选框

我的第一个策略是在

元素上设置一个 onload 处理程序。我已经看到至少有两种其他方法的讨论:
  • document.write 在构建页面时创建一个 到 中的样式表。
  • sitewizard.com 创建一组小样式表并让用户一次设置一个以激活。

如果您提供有关选择易于编码和维护的策略以及在我需要支持的浏览器中提供所需功能的建议,我将不胜感激。

【问题讨论】:

  • 你可以尝试在programmers.stackexchange.com转发这个问题
  • @KevinBedell - 你为什么将 OP 指向程序员?您是否阅读了程序员常见问题解答以查看它是否合适?
  • 'programmers' 将自己描述为“对软件开发的概念性问题感兴趣的专业程序员”的地方。 OP 正在寻找“关于选择策略的建议”这一事实让我觉得它更适合那里。你不同意吗?
  • 谢谢,凯文。我按照你的建议交叉张贴,然后按照 Oded 的告诫将其撤下。我并不是要开始一场关于场地的辩论,或者违反协议或踩到任何脚趾。我只是希望得到一些编程指导。也许有人会在这里回应......

标签: javascript cookies dhtml api-design fouc


【解决方案1】:
猜你喜欢
  • 1970-01-01
  • 2013-04-11
  • 2022-06-18
  • 2011-07-29
  • 1970-01-01
  • 2020-01-25
  • 2018-09-19
  • 1970-01-01
  • 2019-01-19
相关资源
最近更新 更多