如果网站使用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 Safarichrome: true, // Google Chromefirefox: true, // Mozilla Firefoxmsie: true, // Microsoft Internet Exploreropera: true, // Operakonqueror: true, // Konqueror (Linux)unknown: true // Everything else},imagePath: './jReject/images/',browserInfo: { // Settings for which browsers to displaychrome: {// Text below the icontext: 'Google Chrome',// URL For icon/text linkurl: '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 Textparagraph1: '', // Paragraph 1paragraph2: '',closeMessage: '' // Message below close window link}); // Customized Browsers}, 2000);}</script>}
效果如下: