浏览器版本不支持页面示例 supper.html

关键点在于<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>

转载于:https://www.cnblogs.com/CyLee/p/6163518.html

浏览器版本不支持页面示例 supper.html相关推荐

[完美]原生JS获取浏览器版本判断--支持Edge,IE,Chrome,Firefox,Opera,Safari,以及各种使用Chrome和IE混合内核的浏览器...
[完美]原生JS获取浏览器版本判断--支持Edge,IE,Chrome,Firefox,Opera,Safari,以及各种使用Chrome和IE混合内核的浏览器原文:[完美]原生JS获取浏览器版本判 ...
原生JS获取浏览器版本判断--支持Edge,IE,Chrome,Firefox,Opera,Safari(亲测可用）
浏览器类型及版本判断在开发中是比较常见的使用场景,之前用var ua = navigator.userAgent.toLowerCase()来判断浏览器的内核,发现chrome和edge浏览器无法区分 ...
vue项目因浏览器版本导致js语法错误
vue版本的项目运行时,读取地址时报 We're sorry but [项目名称] doesn't work properly without JavaScript enabled. Please e ...
如何友好提示vue3.0不再支持IE11及以下的浏览器版本
原因: 2021年4 月 3 日,Vue 作者尤雨溪宣布:Vue 3 将不会支持 IE11. 之所以不支持 IE 11,主要原因还是因为 IE 已逐渐边缘化.据 StatCounter 数据显示,在全 ...
IE 浏览器各个版本 JavaScript 支持情况一览表
不同版本的 Internet Explorer 浏览器支持不同的 JavaScript 元素集.标准模式(有 <!doctype> 指令时 Internet Explorer 所有当前版本 ...
ES6: 支持ES6的浏览器版本（汇总表）
浏览器不支持的版本部分支持的版本支持的版本 IE 6-10 11 Edge 12-14 15-18.79-87 Firefox 2-5 6-53 54-86 Chrome 4-20 21-50 ...
各浏览器版本对HTTPS连接的TLS1.1版本的支持情况
各浏览器版本对HTTPS连接的TLS1.1.TLS1.2.TLS1.3版本的支持情况,参考如下: User agent TLS 1.3 TLS 1.2 TLS 1.1 SNI Forward Secr ...
qt quick-qml高德地图实现V1版本(跨平台支持、无需浏览器内核，运行迅速，下个版本实现位置搜索)
1.效果图展示 gif如下所示(文件有点大,已压缩) 2.demo介绍支持跨平台linux/windows等,qt插件方式,非浏览器加载支持缓存保存离线地图实现支持地图转向.旋转.方位调整等 ...
vue项目兼容IE浏览器，判断IE11以下，则提示浏览器版本过低，更新浏览器页面
1. 把下面这段js直接放入vue项目的index.html 页面的<head>里面 <script type="text/javascript"> (fu ...

浏览器版本不支持页面示例 supper.html

浏览器版本不支持页面示例 supper.html相关推荐

最新文章

热门文章