浏览器的 Web 优化条件答案

【问题标题】：Web Optimization conditional for browsers浏览器的 Web 优化条件
【发布时间】：2014-03-08 13:38:01
【问题描述】：

我正在使用 Microsoft 的 Web 优化基础架构进行捆绑和缩小。

如何设置以根据浏览器提供不同的内容？在没有捆绑的情况下，我想要类似于条件 CSS 文件的行为：

<!--[if lt IE 9]><link rel="stylesheet" href="~/Templates/Styles/ie.css"><![endif]-->

这是我目前的捆绑代码。

public static void RegisterBundles(BundleCollection bundles)
{
     bundles.Add(new StyleBundle("~/Templates/Styles")
        .IncludeDirectory("~/Templates/Styles","*.css", true));

     // OR 
     bundles.Add(new StyleBundle("~/Templates/Styles")
            .Included("~/Templates/Styles/f5/normalize.css",
            "~/Templates/Styles/f5/foundation.css",
            "~/Templates/Styles/tipTip.css")
        );
}

可以进行条件捆绑吗？或者我应该在我的 HTML 中使用传统的非捆绑内联引用来指向包含我的 CSS 条件部分的文件？

【问题讨论】：

标签： css .net c#-4.0 bundling-and-minification web-optimization

【解决方案1】：

如果您查看默认格式 System.Web.Optimization.Scripts.DefaultTagFormat，您会发现您有类似的内容：

<script src='{0}'></script>

因此，您唯一需要做的就是定义一种新格式。您可以使用“RenderFormat”方法来做到这一点，例如：

<%: System.Web.Optimization.Scripts.RenderFormat("<!--[if lt IE 9]><script src='{0}'></script><![endif]-->", "~/bundles/IE9js") %>

【讨论】：