ASP.NET MVC中检测浏览器版本并提示下载更新

2022-05-05 14:59:23

如果网站使用html5、css3、自适应等新特性，可能有些浏览器版本不支持。这时候，需要提醒浏览者更新浏览器的版本到最新。

本篇用到的插件为：http://jreject.turnwheel.com/

HomeController中：

    public class HomeController : Controller

    {


        public ActionResult Index()

        {

            return View();

        }


    }

Shared/_Layout.cshtml中：

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8" />

    <meta name="viewport" content="width=device-width" />

    <title>@ViewBag.Title</title>

    @Styles.Render("~/Content/css")

    @RenderSection("styles", required: false)

    @Scripts.Render("~/bundles/modernizr")

    @Scripts.Render("~/bundles/jquery")

</head>

<body>

    @RenderBody()



     @RenderSection("scripts", required: false)

</body>

</html>

在Home/Index.cshtml中：

@{

    ViewBag.Title = "Index";

    Layout = "~/Views/Shared/_Layout.cshtml";

}


@section styles

{

    <link href="~/jReject/css/jquery.reject.css" rel="stylesheet" />

    <style type="text/css">


    </style>

}


<h2>Index</h2>


@section scripts

{

    <script src="~/jReject/js/jquery.reject.js"></script>

    <script type="text/javascript">

        $(function() {

            needDownloadNewExplorer();

        });


        function needDownloadNewExplorer() {

            setTimeout(function () {

                $.reject({

                    reject: {

                        safari: true, // Apple Safari

                        chrome: true, // Google Chrome

                        firefox: true, // Mozilla Firefox

                        msie: true, // Microsoft Internet Explorer

                        opera: true, // Opera

                        konqueror: true, // Konqueror (Linux)

                        unknown: true // Everything else

                    },

                    imagePath: './jReject/images/',

                    browserInfo: { // Settings for which browsers to display

                        chrome: {

                            // Text below the icon

                            text: 'Google Chrome',

                            // URL For icon/text link

                            url: 'http://rj.baidu.com/soft/detail/14744.html',

                            // (Optional) Use "allow" to customized when to show this option

                            // Example: to show chrome only for IE users

                            // allow: { all: false, msie: true }

                        },

                        firefox: {

                            text: 'Mozilla Firefox',

                            url: 'http://rj.baidu.com/soft/detail/11843.html'

                        },

                        safari: {

                            text: 'Safari',

                            url: 'http://www.apple.com/safari/download/'

                        },

                        opera: {

                            text: 'Opera',

                            url: 'http://www.opera.com/download/'

                        },

                        msie: {

                            text: 'Internet Explorer',

                            url: 'http://www.microsoft.com/windows/Internet-explorer/'

                        }

                    },

                    closeLink: '关闭此窗口',

                    header: '如果本网页显示有问题，请选择下载如下浏览器的最新版本', // Header Text

                    paragraph1: '', // Paragraph 1

                    paragraph2: '',

                    closeMessage: '' // Message below close window link

                }); // Customized Browsers


            }, 2000);

        }

    </script>

}

效果如下：

码农公寓

相关文章