监控浏览器tab标题的变化，并更改浏览器tab标题tile的名称

需求：

用户想要实现不管我怎么点击页面，浏览器tab的标题tile里，内容始终为本公司的名称，而不是各种tile，

实现

// 选中我们的 title 元素
const target = document.querySelector('title');

const brandName = 'QiangSheng';

// 创建一个observer实例 （if判断至关重要，否则将陷入死循环）
const observer = new MutationObserver(function() {
  if (document.title !== brandName) {
      document.title = brandName;
  }
});

// Observer 的配置
const config = { subtree: true, characterData: true, childList: true };

// 完成Observer的实现
observer.observe(target, config);


如果您觉得写的还不错有帮到你，还望赏个赞，多谢啦！ 如果写的不好的地方还望评论区指正，感谢！