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

时间：2022-08-27 20:54:51

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



}









效果如下：


ASP.NET MVC中检测浏览器版本并提示下载更新
														
		
ASP.NET MVC中检测浏览器版本并提示下载更新的更多相关文章
	

    

  1. 
如何：在 ASP&period;NET 网页中检测浏览器类型
		
    https://msdn.microsoft.com/zh-cn/library/3yekbd5b(VS.80).aspx private void Button1_Click(object send ...
    
		
    2. 
						
  2. 
Ext&period;Net学习笔记24：在ASP&period;NET MVC中使用Ext&period;Net
		
    在前面的笔记中已经介绍了如何在ASP.NET WebForm中使用Ext.Net,由于这个系列一直在WebForm中使用,所以并没有涉及到ASP.NET MVC中的用法. 如果你要在ASP.NET M ...
    
		
    3. 
						
  3. 
&period;net 开源模板引擎jntemplate 教程：基础篇之在ASP&period;NET  MVC中使用Jntemplate
		
    在ASP.NET MVC 中使用Jntemplate 上一篇我们详细介绍了jntemplate的标签语法,本篇文章将继续介绍如何在ASP.NET MVC 中使用Jntemplate. 一.使用Jnte ...
    
		
    4. 
						
  4. 
asp&period;net mvc 中&lbrack;Authorize&rsqb;在IE9以上版本关于FormsAuthentication&period;SetAuthCookie无效的问题 解决方案
		
    简单的解决方法是,在网站根目录,新增一个浏览器定义文件(browser definition file) 叫“App_Browsers”文件夹,然后里面放一个“IE10.browser”文件即可,网站 ...
    
		
    5. 
						
  5. 
如何在 ASP&period;NET MVC 中集成 AngularJS（3）
		
    今天来为大家介绍如何在 ASP.NET MVC 中集成 AngularJS 的最后一部分内容. 调试路由表 - HTML 缓存清除 就在我以为示例应用程序完成之后,我意识到,我必须提供两个版本的路由表 ...
    
		
    6. 
						
  6. 
如何在 ASP&period;NET MVC 中集成 AngularJS（2）
		
    在如何在 ASP.NET MVC 中集成 AngularJS(1)中,我们介绍了 ASP.NET MVC 捆绑和压缩.应用程序版本自动刷新和工程构建等内容. 下面介绍如何在 ASP.NET MVC 中 ...
    
		
    7. 
						
  7. 
如何在 ASP&period;NET MVC 中集成 AngularJS（1）
		
    介绍 当涉及到计算机软件的开发时,我想运用所有的最新技术.例如,前端使用最新的 JavaScript 技术,服务器端使用最新的基于 REST 的 Web API 服务.另外,还有最新的数据库技术.最新 ...
    
		
    8. 
						
  8. 
Asp&period;Net MVC 中的 Cookie（译）
		
    Asp.Net MVC 中的 Cookie(译) Cookie Cookie是请求服务器或访问Web页面时携带的一个小的文本信息. Cookie为Web应用程序中提供了一种存储特定用户信息的方法.Co ...
    
		
    9. 
						
  9. 
【ASP&period;NET MVC系列】浅谈jqGrid 在ASP&period;NET MVC中增删改查
		
    ASP.NET MVC系列文章 [01]浅谈Google Chrome浏览器(理论篇) [02]浅谈Google Chrome浏览器(操作篇)(上) [03]浅谈Google Chrome浏览器(操作 ...
    
		
    10. 
		


随机推荐
	

    

  1. 
Mybatis学习--spring和Mybatis整合
			
    简介 在前面写测试代码的时候,不管是基于原始dao还是Mapper接口开发都有许多的重复代码,将spring和mybatis整合可以减少这个重复代码,通过spring的模板方法模式,将这些重复的代码进 ...
    
			
    2. 
						
  2. 
SharePoint 2013 开发——开发并部署第一个APP
			
    博客地址:http://blog.csdn.net/FoxDave 本篇我们开始对开发APP应用程序进行了解. 本篇基于本地SharePoint环境(如果是Office 365的话会方便许多),需 ...
    
			
    3. 
						
  3. 
Spring 后置处理器 PropertyPlaceholderConfigurer 类（引用外部文件）
			
    一.PropertyPlaceholderConfigurer类的作用 PropertyPlaceholderConfigurer 是 BeanFactory 后置处理器的实现,也是 BeanFact ...
    
			
    4. 
						
  4. 
Java并发基础：进程和线程之由来
			
    转载自:http://www.cnblogs.com/dolphin0520/p/3910667.html 在前面,已经介绍了Java的基础知识,现在我们来讨论一点稍微难一点的问题:Java并发编程. ...
    
			
    5. 
						
  5. 
导航栏 &period;active激活
			
    参考 :使用angularjs写一个导航栏控制器 1.点击其中一个li其他的class不影响 2.点击其中一个li其他的class影响 <!DOCTYPE html> <html l ...
    
			
    6. 
						
  6. 
Deloyment Descriptor web&period;xml
			
    Deployment Descriptor部署描述符: - 部署描述符是要部署到Web容器或EJB容器的Web应用程序或EJB应用程序的配置文件. - 部署描述符应包含EJB应用程序中所有企业bean ...
    
			
    7. 
						
  7. 
一、Sql Server 基础培训《进度1-建库建数据表（实际操作）》
			
    知识点: 1.建数据库示例参考 --创建一个数据库名为‘dbtest’ create database dbtest go --打开数据库 dbtest use dbtest go 2.建表示例参考  ...
    
			
    8. 
						
  8. 
nginx 新增域名访问
			
    nginx 新增域名访问 1.申请阿里云域名 2.指向阿里云主机 3.配置nginx文件 server { listen 80; server_name zlx.test.com; set $root ...
    
			
    9. 
						
  9. 
kafka消费者如何才能从头开始消费某个topic的全量数据
			
    消费者要从头开始消费某个topic的全量数据,需要满足2个条件(spring-kafka): (1)使用一个全新的"group.id"(就是之前没有被任何消费者使用过); (2)指 ...
    
			
    10. 
						
  10. 
java中集合去重1
			
    //TreeMap 处理 处理后 得到的值 按拼音排序 TreeMap map = new TreeMap(new MaterialComparator()); map.put("东莞&qu ...
    
			
    11. 
			
相关文章