2018-8-10 折腾-网页标题随焦点变化

August 10, 2018 · 技术 · 1587次阅读 · 共91字
/**
 * 网页标题随焦点变化
 * @author:寒穹 
 * @link:https://www.hqsblog.cn
 */
(function(){
    
    var vendorPrefix=getBrowserPrefix();
    var eventName=visibilityEvent(vendorPrefix);
    document.addEventListener(eventName,visibilityEventCallback);
    
    var oldTitle=document.title;
    function visibilityEventCallback(){
        if(document.hidden){
            oldTitle=document.title;
            document.title="o(>﹏<)o不要离开我"+oldTitle;
        }else{
            document.title=oldTitle;
        }
    }
    

    /*------------------------ 下面的代码来自网络,用于解决浏览器兼容性问题 ----------------------------------*/
    
    // Get Browser-Specifc Prefix
    function getBrowserPrefix() {
    
          // Check for the unprefixed property.  
          if ('hidden' in document) {
            return null;
        }
    
        // All the possible prefixes.  
        var browserPrefixes = ['moz', 'ms', 'o', 'webkit'];
         
        for (var i = 0; i < browserPrefixes.length; i++) {
            var prefix = browserPrefixes[i] + 'Hidden';
            if (prefix in document) {
              return browserPrefixes[i];
            }  
        }
    
         // The API is not supported in browser.  
         return null;
    }
    
    // Get Browser Specific Hidden Property
    function hiddenProperty(prefix) {
        if (prefix) {
            return prefix + 'Hidden';
        } else {
            return 'hidden';
        }
    }
    
    // Get Browser Specific Visibility State
    function visibilityState(prefix) {
      if (prefix) {
        return prefix + 'VisibilityState';
      } else {
        return 'visibilityState';
      }
    }
    
    // Get Browser Specific Event
    function visibilityEvent(prefix) {
      if (prefix) {
        return prefix + 'visibilitychange';
      } else {
        return 'visibilitychange';
      }
    }    
    
})();

使用的时候只需要将上面的js文件另存为,然后引入即可。

这一句即是设定当前网页“被隐藏”的时候网页标题显示的东西:

document.title="o(>﹏<)o不要离开我"+oldTitle; 

喝杯水

标签:document,var,title,oldtitle,eventname

最后编辑于:2019/02/13 18:43

添加新评论

  1. 2018-08-15 11:09

    APP评论测试~

    回复