修改位置:
此處是如何動(dòng)態(tài)修改的氛琢,如果你想要簡單的配置圖標(biāo)的話,點(diǎn)擊查看可以 此篇文章
在index.html里面進(jìn)行配置(.ico為你要?jiǎng)討B(tài)更換的圖標(biāo))
代碼如下:
<!DOCTYPE html>
<html>
<head>
<!-- UC強(qiáng)制全屏 -->
<!-- <meta name="full-screen" content="yes">
<meta name="browsermode" content="application"> -->
<!-- QQ強(qiáng)制全屏 -->
<!-- <meta name="x5-orientation" content="portrait">
<meta name="x5-fullscreen" content="true">
<meta name="x5-page-mode" content="app"> -->
<meta charset="utf-8">
<meta http-equiv="pragram" content="no-cache">
<meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
<title></title>
<!-- <link rel="Shortcut Icon" href="../../../static/AXXXXXXXXX.ico" type="image/x-icon" /> -->
</head>
<body>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
<script>
//此處是通過判斷session里面存儲(chǔ)的渠道CHANNEL進(jìn)行判斷
var channel = window.sessionStorage.CHANNEL
var head = document.getElementsByTagName('head')[0];
var ico;
//創(chuàng)建一個(gè)<link>標(biāo)簽
var linkTag = document.createElement('link');
//配置<link>標(biāo)簽的相關(guān)屬性
linkTag.setAttribute("rel", "Shortcut Icon")
linkTag.setAttribute("type", "image/x-icon")
//根據(jù)渠道配置不同的圖標(biāo)以及標(biāo)題文字
if (channel == 'TIANXIANG') {
//更改標(biāo)題文字
document.getElementsByTagName("title")[0].innerText = '天象';
//配置之前創(chuàng)建<link>標(biāo)簽的引用圖標(biāo)路徑
ico = "../../../static/TIANXIANG.ico"
linkTag.href = ico
} else if (channel == "ZMPH") {
document.getElementsByTagName("title")[0].innerText = '中民普惠';
} else {
ico = "../../../static/AXXXXXXXXX.ico"
linkTag.href = ico
}
//添加到<head>頭部中
head.appendChild(linkTag)
</script>
</html>