哪种技术用于条件加载内容？答案

【问题标题】：Which technique for conditional loading content?哪种技术用于条件加载内容？
【发布时间】：2013-04-02 22:02:26
【问题描述】：

我正在构建一个移动优先的方法网站，并正在决定有条件地加载内容的最佳技术。

技巧1

此技术使用enquire.js

连同以下代码...

enquire
  .register("(min-width: 500px)", {
     match: function() {
        $("#page").load("content.html");
     }
  })
  .listen();

此解决方案依赖于 jQuery 和 Enquire.js。当页面向上调整大小时，新内容会自动下载，而当向下调整大小时，加载的内容仍然存在，并且可以通过 display:none 删除，尽管代码在加载后仍保留在 DOM 中。

技巧2

这是第二个technique

我已经完成了第二种技术here 的代码笔，使用警报而不是实际内容

这是基于 CSS 媒体查询的，并且似乎比第一种技术快很多，并且在断点处交换内容。调整大小后，DOM 中不会留下任何代码，只有该视口的代码。

我倾向于使用技术 2，但不确定这是否是最好的技术。你会选择哪一个？为什么？

【问题讨论】：

【解决方案1】：

CSS 媒体查询是要走的路（我总是将它们与twitter bootstrap 一起使用），但如果您需要 IE9 以下的支持，我宁愿推荐 enquire.js 解决方案

【讨论】：