pc网页版软测宝
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
keysass_portal/public/index.html

342 lines
11 KiB

12 months ago
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta content="一站式软件测试云平台, 融合软件测试工具市场, 软件测试SaaS平台, 测试任务众包云平台, 软件测试培训学院, 软件测试人员外包平台,以及软件测试行业动态" name="description">
<meta content="关键测试, lovecode, lovecode.cc, 软件测试, 测试云平台, 测试工具市场, 软件测试SaaS, 测试任务众包, 测试培训, 测试人员外包" name="keywords">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title>关键测试宝</title>
<!-- <script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?b08f252f49650fb91346ad56f1d49dbf";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script> -->
<style>
.closeX {
background: #6bc1fa;
position: fixed;
bottom: 372px;
right: 6px;
padding: 0 8px;
box-sizing: border-box;
color: #ffffff;
z-index: 2147483641;
font-size: 20px;
cursor: pointer;
display: none;
}
body{
background-color: #FFFFFF!important;
margin:0;padding:0;
}
#loader-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999999;
}
#loader {
display: block;
position: relative;
left: 50%;
top: 50%;
width: 150px;
height: 150px;
margin: -75px 0 0 -75px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #FFF;
-webkit-animation: spin 2s linear infinite;
-ms-animation: spin 2s linear infinite;
-moz-animation: spin 2s linear infinite;
-o-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
z-index: 1001;
}
#loader:before {
content: "";
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #FFF;
-webkit-animation: spin 3s linear infinite;
-moz-animation: spin 3s linear infinite;
-o-animation: spin 3s linear infinite;
-ms-animation: spin 3s linear infinite;
animation: spin 3s linear infinite;
}
#loader:after {
content: "";
position: absolute;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #FFF;
-moz-animation: spin 1.5s linear infinite;
-o-animation: spin 1.5s linear infinite;
-ms-animation: spin 1.5s linear infinite;
-webkit-animation: spin 1.5s linear infinite;
animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
#loader-wrapper .loader-section {
position: fixed;
top: 0;
width: 51%;
height: 100%;
background: #7171C6;
z-index: 1000;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
#loader-wrapper .loader-section.section-left {
left: 0;
}
#loader-wrapper .loader-section.section-right {
right: 0;
}
.loaded #loader-wrapper .loader-section.section-left {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loaded #loader-wrapper .loader-section.section-right {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loaded #loader {
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.loaded #loader-wrapper {
visibility: hidden;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: all 0.3s 1s ease-out;
transition: all 0.3s 1s ease-out;
}
.no-js #loader-wrapper {
display: none;
}
.no-js h1 {
color: #222222;
}
#loader-wrapper .load_title {
font-family: 'Open Sans';
color: #FFF;
font-size: 19px;
width: 100%;
text-align: center;
z-index: 9999999999999;
position: absolute;
top: 60%;
opacity: 1;
line-height: 30px;
}
#loader-wrapper .load_title span {
font-weight: normal;
font-style: italic;
font-size: 13px;
color: #FFF;
opacity: 0.5;
}
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
--webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #dddee0;
--webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
/* ::-webkit-scrollbar-thumb:window-inactive {
background: rgba(255,0,0,0.4);
} */
</style>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?30b6456829dfaf92770afef5b2f7feb2";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</head>
<body>
<noscript>
<strong>We're sorry but art doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<div id="app">
<!--循环引入 -->
<!-- <% for (var i in htmlWebpackPlugin.options.cdn && htmlWebpackPlugin.options.cdn.js) { %>
<script src="<%= htmlWebpackPlugin.options.cdn.js[i] %>" crossorigin="anonymous"></script>
<% } %>
<div id="loader-wrapper">
<div id="loader"></div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
<div class="load_title">正在加载系统资源,请耐心等待</div>
</div> -->
</div>
<!-- <button type="button" class="btn btn-primary">返回首页</button> -->
<div class="closeX">
x
</div>
</body>
<script>
function browserVersion() {
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; //判断是否IE<11浏览器
var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1;
var isEdge = userAgent.indexOf("Edge") > -1 && !isIE; //Edge浏览器
var isFirefox = userAgent.indexOf("Firefox") > -1; //Firefox浏览器
var isOpera = userAgent.indexOf("Opera") > -1 || userAgent.indexOf("OPR") > -1; //Opera浏览器
var isChrome = userAgent.indexOf("Chrome") > -1 && userAgent.indexOf("Safari") > -1 && userAgent.indexOf("Edge") == -1 && userAgent.indexOf("OPR") == -1; //Chrome浏览器
var isSafari = userAgent.indexOf("Safari") > -1 && userAgent.indexOf("Chrome") == -1 && userAgent.indexOf("Edge") == -1 && userAgent.indexOf("OPR") == -1; //Safari浏览器
if (isIE) {
var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
reIE.test(userAgent);
var fIEVersion = parseFloat(RegExp["$1"]);
if (fIEVersion == 7) {
return 'IE:7';
} else if (fIEVersion == 8) {
return 'IE:8';
} else if (fIEVersion == 9) {
return 'IE:9';
} else if (fIEVersion == 10) {
return 'IE:10';
} else {
return 'IE:6'; //IE版本<7
}
} else if (isIE11) {
return 'IE:11';
} else if (isEdge) {
return 'Edge:' + userAgent.split('Edge/')[1].split('.')[0];
} else if (isFirefox) {
return 'Firefox:' + userAgent.split('Firefox/')[1].split('.')[0];
} else if (isOpera) {
return 'Opera:' + userAgent.split('OPR/')[1].split('.')[0];
} else if (isChrome) {
return 'Chrome:' + userAgent.split('Chrome/')[1].split('.')[0];
} else if (isSafari) {
return 'Safari:' + userAgent.split('Version/')[1].split('.')[0];
} else {
return -1; //不是ie浏览器
}
}
(function () {
var limitObj = {
'IE': 20,
'Edge': 12,
'Firefox': 52,
'Opera': 42,
'Chrome': 56,
'Safari': 11
}
var browserVersionStr = browserVersion().split(':');
var name = browserVersionStr[0];
var version = browserVersionStr[1];
if (!limitObj[name] || limitObj[name] && version < limitObj[name]) {
// position: absolute;
var div1 = "<div style=' z-index: 999; width: 100%;'>";
var div2 = "<div style='width: 100%; background-color: #021826;margin:10vh 0'/></div>"
var div3 = "<div style='background:#002B33;width:80vw;height:80vh; margin-left: auto; margin-right: auto; text-align: center;padding:0 30px;'>"
var p0 = "<p style='padding:100px; opacity:1; filter:Alpha(opacity=100); *zoom:1;'><img src='/err.gif'/></p>"
var p = "<p style='color: #fff; font-size: 26px;text-align:center; margin-left: auto; margin-right: auto; line-height: 36px;'>"
var str1 = "您的IE浏览器已正式退役,微软官已不再维护。<br>";
var str2 = "推荐使用:<a href='https://www.baidu.com/s?ie=UTF-8&wd=%E8%B0%B7%E6%AD%8C%E6%B5%8F%E8%A7%88%E5%99%A8' target='_blank' style='color: #FF9912; text-decoration: none;'>谷歌</a>," +
"<a href='https://www.baidu.com/s?ie=UTF-8&wd=%E7%81%AB%E7%8B%90%E6%B5%8F%E8%A7%88%E5%99%A8' target='_blank' style='color: #FF9912; text-decoration: none;'>火狐</a>," +
"<a href='https://www.baidu.com/s?ie=UTF-8&wd=360%E6%B5%8F%E8%A7%88%E5%99%A8' target='_blank' style='color: #FF9912; text-decoration: none;'>360浏览器</a>," +
"<a href='https://www.baidu.com/s?ie=UTF-8&wd=Edge%E6%B5%8F%E8%A7%88%E5%99%A8' target='_blank' style='color: #FF9912; text-decoration: none;'>Edge浏览器</a>," +
"及其它双核浏览器极速模式";
var div5 = "<div style='position: absolute; z-index: 998; background: #021826; width: 100%;opacity:0.65; filter:Alpha(opacity=60); *zoom:1;'></div>"
document.writeln(div1 + div2+ div3 + p0 + p + str1 + str2 +"</p></div></div>" + div5);
document.execCommand("Stop");
};
}());
</script>
<!-- 客服脚本 -->
<script src='https://w102.ttkefu.com/k/?fid=6F5CCH6' charset=utf-8></script>
<script src="/assets/close.js"></script>
</html>