🥇 Pacote de script JQuery específico do navegador

O empacotamento de script se tornou um recurso padrão para todos os meus projetos recentes, ele simplifica e centraliza o gerenciamento de script. Mas o que você pode fazer se precisar carregar scripts diferentes com base no navegador do usuário? Por exemplo, se você estiver usando JQuery 2.x, mas tiver que oferecer suporte ao <IE9, você vai querer carregar uma versão compatível do JQuery para os navegadores anteriores. Felizmente, os pacotes de script funcionam da mesma forma que as referências de script normais.

Registre os seguintes pacotes:

bundles.Add(new ScriptBundle("~/bundles/jquery2").Include(
            "~/Scripts/jquery-2.0.2.js",
            "~/Scripts/jquery-migrate-{version}.js"));

bundles.Add(new ScriptBundle("~/bundles/jquery1").Include(
            "~/Scripts/jquery-1.10.2.min.js",
            "~/Scripts/jquery-migrate-{version}.js"));

Faça referência a eles em sua marcação da seguinte maneira:

<!--[if lt IE 9]>
    @Scripts.Render("~/bundles/jquery1")
<![endif]-->
<!--[if gte IE 9]><!-->
    @Scripts.Render("~/bundles/jquery2")
<!--<![endif]-->

Isso será processado como:

<!--[if lt IE 9]>
    <script src="/Scripts/jquery-1.10.2.js"></script>
    <script src="/Scripts/jquery-migrate-1.0.0.js"></script>
<![endif]-->
<!--[if gte IE 9]><!-->
    <script src="/Scripts/jquery-2.0.2.js"></script>
    <script src="/Scripts/jquery-migrate-1.0.0.js"></script>
<!--<![endif]-->

Related Posts