关键点在于<html>标签和js、<!--[if lt IE 10]>的配合

使用360浏览器兼容模式下查看：http://runjs.cn/code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <title>浏览器不被支持</title>

    <style>

        body{background-color: #2b3a41;color: #fff;font-family: 微软雅黑, Verdana, sans-serif, 宋体;}

        ul, li, h1, p{padding: 0;margin: 0;}

        .ieError{margin: 0 auto;width: 500px;margin-top: 100px;}

        .erroeMessage{height: 100px;}

        .ieError em{display: block;font-style: normal;font-size: 33px;font-weight: bold;color: #ff0;}

        .browser ul{list-style: none;}

        .browser p{height: 30px;}

        .browser li{float: left;margin-right: 30px;}

        .browser img{border:0;}

    </style>

    <!--[if lt IE 10]>

    <script type="text/javascript">

        var unsupport = true;

    </script>

    <![endif]-->

    <script type="text/javascript">

        if(typeof unsupport == "undefined"){

            location.href = "/";

        }

    </script>

</head>

<body>

    <div class="ieError">

        <div class="erroeMessage">

            <em>Oh, no!</em>

            不支持 IE10 以下浏览器！

            </p>

        </div>

        <div class="browser">

            <p>建议安装以下浏览器：</p>

            <ul>

                <li><a href="http://www.google.cn/intl/zh-CN/chrome/browser/" title="下载chrome"><img src="assets/images/supper/chrome.png" /></a></li>

                <li><a href="http://firefox.com.cn/" title="下载Firefox"><img src="assets/images/supper/firefox.png" /></a></li>

                <li><a href="http://www.apple.com.cn/safari/" title="下载safari"><img src="assets/images/supper/safari.png" /></a></li>

                <li><a href="http://cn.opera.com/" title="下载opera"><img src="assets/images/supper/opera.png" /></a></li>

            </ul>

        </div>

    </div>

</body>

</html>

浏览器版本不支持页面示例 supper.html的更多相关文章

  1. [完美]原生JS获取浏览器版本判断--支持Edge,IE,Chrome,Firefox,Opera,Safari,以及各种使用Chrome和IE混合内核的浏览器

    截至自2017-08-11,支持现世已出的几乎所有PC端浏览器版本判断. 受支持的PC端浏览器列表: Edge IE Chrome Firefox Opera Safari QQ浏览器 360系列浏览 ...

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

    如果网站使用html5.css3.自适应等新特性,可能有些浏览器版本不支持.这时候,需要提醒浏览者更新浏览器的版本到最新. 本篇用到的插件为:http://jreject.turnwheel.com/ ...

  3. 自动检测ie低版本，并显示升级浏览器的自定义页面，当用f12再把浏览器版本提高的时候，又会自动显示正常的页面。

    代码: <!--[if lte IE 9 ]> <div class=""> //这里面可以添加自己定义的内容 </div> <scrip ...

  4. js网页判断移动终端浏览器版本信息是安卓还是苹果ios,判断在微信浏览器跳转不同页面,生成二维码

    一个二维码,扫描进入网页,自动识别下载苹果和安卓客户端,判断网页如下,(只有苹果的微信不能自动跳转)所以加个微信判断. <!DOCTYPE html> <html> <h ...

  5. 怎么去检测浏览器支不支持html5和css3？

    HTML5, CSS3 以及其他相关技术例如 Canvas.WebSocket 等等将 Web 应用开发带到了一个新的高度. 该技术通过组合 HTML.CSS 和 JavaScript 可以开发出桌面 ...

  6. 在浏览器输入网址到页面加载完毕中间到底发生了什么？（Browser-->Server）

    最近在学习韩老师的php视频,中间有讲到发送请求到服务器返回内容,以前对这个理解并不深刻,虽然以前也知道一部分,这次听了之后收获良多:所以我就画了个流程图,从浏览器输入网址到服务器返回信息,浏览器渲染 ...

  7. 强制IE使用最高版本引擎渲染页面，避免默认使用IE7引擎导致的页面布局混乱及其它问题

    背景 基于Asp.net MVC的一个Intranet web application, 现象 Application发布到服务器端后,在客户端IE访问页面布局混乱,并有javascript报错 原因 ...

  8. 通过浏览器navigator判断浏览器版本或者手机类型&&判断微信访问

    javascript 的navigator属性,不常用,但是用处也不少,主要用处是在做浏览器兼容的问题的时候,现在有的网站已经不兼容IE6,用户假如用IE6浏览网页的话,会提示浏览器升级等信息.或者判 ...

  9. 行云管家 V4.7产品新特性-国际化版本、支持Oracle的数据库审计、主机密码自动修改策略 发布日期：2018-11-22

    行云管家在线体验: 行云管家[官网]-领先的云计算管理平台-云安全,堡垒机,自动化运维​ 行云管家新手有礼活动: 行云管家新手有礼,新用户1元即可体验专业版-优惠券​ 发布日期:2018-11-22 ...

随机推荐

  1. log4net部分配置说明

    第一步: 添加并应用Log4net.dll.然后在Web.config文件中添加下面的配置局 <configSections>     <section name="log ...

  2. 【Android自学日记】搭建Android开发环境

    搭建Android应用开发环境所需工具 1_> JDK(JAVA Development)推荐使用6.0以后版本 配置环境变量(以下是环境变量的具体内容及介绍) ================ ...

  3. 【学习笔记】ionic 学习之环境搭建

    初学ionic ,后面会把学习的点滴和踩到坑全部记录下来 1.环境 安装node.js 官网地址:https://nodejs.org/en/ 下载安装包安装.自己记住自己的安装路径哦 安装完成后我们 ...

  4. jQuery 名称冲突

    jQuery 名称冲突 jQuery 使用 $ 符号作为 jQuery 的简介方式. 某些其他 JavaScript 库中的函数(比如 Prototype)同样使用 $ 符号. jQuery 使用名为 ...

  5. How to Install The Alpha Control Packages.

    Uninstalling previous version of the package If you have a previous version of the package already i ...

  6. Linux启动过程详解

    Linux启动过程详解 附上两张图,加深记忆 图1: 图2: 第一张图比较简洁明了,下面对第一张图的步骤进行详解: 加载BIOS 当你打开计算机电源,计算机会首先加载BIOS信息,BIOS信息是如此的 ...

  7. 无法打开之前cuda的vs项目，打开之后变灰色

    解决办法: 打开convolution_vs2010.vcxproj文件,将之前cuda 5.5全部改成cuda7.5. 就可以打开了.

  8. canvas画圆百分比显示

    代码如下,由于canvas还是不太熟悉,还有很多欠缺,希望大家多提意见,谢谢 function DrawArc(id,opations){ this.canvas = document.getElem ...

  9. spring mvc 请求转发和重定向(转)

    spring mvc controller间跳转 重定向 传参 url:http://zghbwjl.blog.163.com/blog/static/12033667220137795252845/ ...

  10. 统一配置管理-百度disconf

    之前一直采用properties文件管理配置信息,若是集群则每个机器上都要拷贝一份,每次修改也需要依次修改.一直在寻找统一修改,实时生效,方便修改,分环境分系统的配置管理,自己也在整理设计,若找不到合 ...