请问JS有没有办法控制Tab页的加载状态

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

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

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

html5 javascript 前端

阅读 2.9k

4 个回答

得票最新

mscststs

2.6k1322

发布于
2020-05-09

✓ 已被采纳

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

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

追逐者

110310

发布于
2020-05-09

通过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>

lulu_up

5.7k2314

发布于
2020-05-09

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

blandness

1.4k1319

发布于
2020-05-09

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

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

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

相似问题

找不到问题？创建新问题

请问JS有没有办法控制Tab页的加载状态

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

为什么在谷歌浏览器中 'a' == ['a'] 返回 true？

vue项目如何在初始化之前跳转外部页面？

js如何控制移动端overflow:scroll容器滑动的最大速度？

前端代码更新如何通知用户刷新页面？

纯css如何绘制一个无背景色有边框色，带有文字的倒等腰梯形？

请问zustand的slice里面的属性，如何配置TypeScript类型约束？