javascript - Html5 辅助文件？

Question

我们正在编写由另一家公司设计的网站逻辑。 (他们向我们发送了 html 文件)

然而，当我们查看他们的源代码 html 时，我们看到:

1) modernizr.js

2) 创建html5元素脚本:

<!--[if lt IE 9]>
       <script>
          document.createElement('header');
          document.createElement('nav');
          document.createElement('section');
          document.createElement('article');
          document.createElement('aside');
          document.createElement('footer');
       </script>
    <![endif]-->

3) Html5 shiv JS :

<!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

4) 引用 css3-mediaqueries.js 进行媒体查询

5) Respond.js v1.1.0 最小/最大宽度媒体查询

我不太了解 html5 集成，但我认为这里有一个冗余组件。

例如我听说modernizr已经包含html5 shiv提供的解决方案。

假设我想使用 modernizr.js ，我应该保留哪些组件？ (我用数字标记了每个部分，以便您更容易引用)。

_{(附注 this question 没有太大帮助，因为我有更多的部分)}

Answer 1

所有这些的目的是做两件事:

1. 使 HTML5 元素能够在旧版浏览器(1、2 和 3)中呈现
2. 在旧版浏览器(4 和 5)中启用 CSS 媒体查询

今天使用它们的方式，在您的示例中，您将有很多重叠的功能，这是不必要的。我对此的看法如下。

HTML 支持

如果您将 Modernizer 用于其他目的，而不仅仅是在旧浏览器中启用 HTML5 元素，那么我建议您仅使用 Modernizer 并删除 2 和 3，因为 Modernizer 包含 HTML5 shiv。

如果您不使用 Modernizer，则可能没有必要加载整个库。那么你最好只使用 HTML5 shiv，并带有条件 IE 注释。

使用编号如果您使用 1 或 3，2 似乎完全多余。

媒体查询支持

当谈到 4 和 5 时，它们都通过在缺乏 native 支持的浏览器中添加对媒体查询的支持，来在旧浏览器中启用响应式网站。

个人只有Respond.js的经验，非常轻量。限制是它只会添加对 min/max-width 媒体查询的支持。如果这对您的设计来说足够了，那就不用了。 5 个就足够了。

如果您需要更广泛的媒体查询支持，我相信您需要查看 no. 4 相反，但我猜你可以摆脱 no。 5，因为它会是多余的。