比较策略以避免无格式内容的闪现(fouc)

时间:2012-06-27 13:05:24

标签: javascript cookies dhtml api-design fouc

我需要用cookie来控制CSS:

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

我的第一个策略是在< body>上设置一个onload处理程序。元件。我见过至少有两种方法的讨论:

  • document.write创建< link>到< head>中的样式表正在构建页面。
  • sitewizard.com创建一组小样式表,并允许用户一次设置一个样式表。

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