请问JS有没有办法控制Tab页的加载状态_编程技术网-程序员技术内容聚合平台

（在说正事之前，我要推荐一个福利：你还在原价购买阿里云、腾讯云、华为云服务器吗？那太亏啦！来这里，新购、升级、续费都打折，能够为您省60%的钱呢！2核4G企业级云服务器低至69元/年，点击进去看看吧>>>)

请问js是否可以控制浏览器tab页的加载状态呢？

我有一个单页面应用，想在路由切换的时候在浏览器tab页显示加载状态

目前已知的一种方法是使用iframe，但是这会浪费用户的网络流量，有没有更好的方法？

###

这个问题好玩，已知有一种骚操作是通过定时修改 favicon 来模拟 favicon 动画的效果。比如这个网站：https://we.dog/

那么可以参考这个思路，在加载状态的时候，切一堆 favicon 的动画图片依次替换，加载完毕之后替换成正常的favicon

###

通过js 改变图标

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <link rel="icon" href="loading.ico" />
  </head>
  <body>
    <p>默认指定loading.ico，然后中途使用js更换为favicon.ico</p>

    <script type="text/javascript">
          
      var changeIcon = function () {    
        var link = document.head.querySelector("link");
        link.href = "favicon.ico";
      };
    
      changeIcon();
    </script>
  </body>
</html>

###

可以更改tab的文字变成加载中... 这个可以么

###

浏览器显示加载中肯定是要流量的
但是你可以这么玩

var a = '-\\|/'
setInterval(()=>{document.title = a[(i++)%4] + ' 这才是title' },300)