使用更加友好的方式提示浏览器不兼容问题

This commit is contained in:
virusdefender
2016-04-08 11:32:58 +08:00
parent 941fa8e5fc
commit 5423ac708a
7 changed files with 24 additions and 39 deletions

View File

@@ -90,3 +90,10 @@ pre, code {
#user-data-text{ #user-data-text{
display: block; display: block;
} }
#browser-unsupported{
padding: 15px 0;
background: #FBE3E4;
color: #8A1F11;
text-align: center;
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 19 KiB

View File

@@ -1,37 +0,0 @@
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>不支持的浏览器</title>
<style>
body{
padding-top: 50px;;
}
div {
margin: 20px;
display: inline;
}
</style>
</head>
<body>
很抱歉,我们无法完全兼容低版本的 IE 浏览器,您可以
<a href="http://down.tech.sina.com.cn/page/40975.html">
<div>
<img src="/static/img/chrome.png">使用Chrome
</div>
</a>
<a href="https://www.mozilla.org/zh-CN/firefox/new/?scene=2#download-fx">
<div>
<img src="/static/img/firefox.png">使用FireFox
</div>
</a>
<a href="http://windows.microsoft.com/en-us/internet-explorer/download-ie">
<div>
<img src="/static/img/ie.png">升级IE
</div>
</a>
</body>
</html>

View File

@@ -18,6 +18,16 @@
<body ms-controller="admin"> <body ms-controller="admin">
<div id="browser-unsupported" style="display: none">人生苦短, 何必还在用这么老的浏览器~
当前网页 <strong>不支持</strong> 你正在使用的浏览器, 为了正常的访问,
<a href="http://browsehappy.com/">升级你的浏览器</a>
</div>
<script>
if(navigator.userAgent.indexOf("MSIE") > -1){
document.getElementById("browser-unsupported").removeAttribute("style");
}
</script>
<!-- nav begin --> <!-- nav begin -->
<nav class="navbar navbar-masthead navbar-default navbar-static-top"> <nav class="navbar navbar-masthead navbar-default navbar-static-top">
<div class="container"> <div class="container">

View File

@@ -25,9 +25,14 @@
<body> <body>
<div id="browser-unsupported" style="display: none">人生苦短, 何必还在用这么老的浏览器~
当前网页 <strong>不支持</strong> 你正在使用的浏览器, 为了正常的访问,
<a href="http://browsehappy.com/">升级你的浏览器</a>
</div>
<script> <script>
if(navigator.userAgent.indexOf("MSIE") > -1){ if(navigator.userAgent.indexOf("MSIE") > -1){
location.href = "/static/img/unsupported_browser.html"; document.getElementById("browser-unsupported").removeAttribute("style");
} }
</script> </script>