我們在浏覽網頁的時候，有時把浏覽器最小化到任務欄，會看到任務欄中的網頁标題改變了，顯示的不是在浏覽網頁的标題，而是其他的标題，有可能是主站的名字或其他産品的名字。
這個給我們的啟發就是，在用戶暫時不浏覽網頁的時候（最小化到任務欄），我們是否可以把标題換成我們需要宣傳的産品或品牌，給用戶方便找到或加深印象呢？
下面我們就來看看是如何實現這個功能的。
【上代碼】
<script>
// 浏覽器标題切換
var OriginTitile = document.title; // 保存之前頁面标題
var titleTime;
document.addEventListener('visibilitychange', function(){
if (document.hidden){
document.title = '我在後台被隐藏了';
clearTimeout(titleTime);
}else{
document.title = ' 我要準備恢複了 ~ 2s';
titleTime = setTimeout(function() {
document.title = OriginTitile;
}, 2000); // 2秒後恢複原标題
}
});
</script>
浏覽網頁時
最小化後
重新打開
2秒後，恢複原樣
【原理分析】
其實就是用了js的visibilitychange事件，判斷網頁是否隐藏(hidden)狀态來控制網頁标題文字，這是有前端基礎的夥伴都知道的，就不贅述了。
最後，希望這個功能可以給有需要的人一點幫助，給網頁做更好的優化和宣傳！
,更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!
zpostcode 
Recruit 
weather 
mreligion 
Yellowpages 
sport 
constellation 
shopping 
name 
game 
directory 
literature 
Word 
tour 
furnish 
Lottery 
tftnews 
lyrics 
News 
digital 
car 
dir 
Edu 
Finance 
