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.
75 lines
3.0 KiB
75 lines
3.0 KiB
2 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,user-scalable=no">
|
||
|
|
<link rel="shortcut icon" href="<%= BASE_URL %>favicon.ico">
|
||
|
|
<title>
|
||
|
|
<%= VUE_APP_TITLE %>
|
||
|
|
</title>
|
||
|
|
<link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.13.2/skins/default/aliplayer-min.css">
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<noscript>
|
||
|
|
<strong>
|
||
|
|
请开启 JavaScript 功能来使用 <%= VUE_APP_TITLE %>。
|
||
|
|
</strong>
|
||
|
|
</noscript>
|
||
|
|
<iframe id='IEIframe' style='display: none;' width="100%" height="100%" src="/static_admin/ie.html"
|
||
|
|
frameborder="0"></iframe>
|
||
|
|
<div id="app"></div>
|
||
|
|
<script src="https://g.alicdn.com/de/prismplayer/2.13.2/aliplayer-min.js"></script>
|
||
|
|
</body>
|
||
|
|
<script>
|
||
|
|
// 首屏加载速度
|
||
|
|
window.onload= function() {
|
||
|
|
console.log(new Date().getTime() - performance.timing.navigationStart,'首屏加载速度')
|
||
|
|
}
|
||
|
|
function IEVersion() {
|
||
|
|
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
|
||
|
|
var isIE =
|
||
|
|
userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; //判断是否IE<11浏览器
|
||
|
|
if (isIE) {
|
||
|
|
return true;
|
||
|
|
} else {
|
||
|
|
return false; //不是ie浏览器
|
||
|
|
}
|
||
|
|
}
|
||
|
|
/* 如果是ie浏览器 */
|
||
|
|
if (IEVersion()) {
|
||
|
|
document.querySelector('#IEIframe').style.display = 'block'
|
||
|
|
document.querySelector('#app').style.display = 'none'
|
||
|
|
|
||
|
|
}
|
||
|
|
// dataset 方法兼容 IE 浏览器。ie10及以下不支持dataset
|
||
|
|
if (window.HTMLElement) {
|
||
|
|
if (Object.getOwnPropertyNames(HTMLElement.prototype).indexOf('dataset') === -1) {
|
||
|
|
Object.defineProperty(HTMLElement.prototype, 'dataset', {
|
||
|
|
get: function () {
|
||
|
|
var attributes = this.attributes // 获取节点的所有属性
|
||
|
|
var name = []
|
||
|
|
var value = [] // 定义两个数组保存属性名和属性值
|
||
|
|
var obj = {} // 定义一个空对象
|
||
|
|
for (var i = 0; i < attributes.length; i++) { // 遍历节点的所有属性
|
||
|
|
if (attributes[i].nodeName.slice(0, 5) === 'data-') { // 如果属性名的前面5个字符符合"data-"
|
||
|
|
// 取出属性名的"data-"的后面的字符串放入name数组中
|
||
|
|
name.push(attributes[i].nodeName.slice(5));
|
||
|
|
// 取出对应的属性值放入value数组中
|
||
|
|
value.push(attributes[i].nodeValue);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
for (var j = 0; j < name.length; j++) { // 遍历name和value数组
|
||
|
|
obj[name[j]] = value[j]; // 将属性名和属性值保存到obj中
|
||
|
|
}
|
||
|
|
return obj // 返回对象
|
||
|
|
}
|
||
|
|
})
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
</html>
|