你的位置:首页 > ASP.net教程

[ASP.net教程]ASP.NET MVC中检测浏览器版本并提示下载更新


如果网站使用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>
}

 

效果如下:

 

1