【问题标题】:Remove the loading spinner in google chrome tab删除谷歌浏览器标签中的加载微调器
【发布时间】:2016-01-17 11:52:32
【问题描述】:

我正在尝试为我的项目创建一个网站。在寻找一些“酷”的想法时,我偶然发现了https://www.fliplingo.com/。在本网站上,当您单击任何选项卡时,Chrome 选项卡中的网站图标不会变为微调器图标。相反,页面本身顶部有一个进度条和一个微调器。我该怎么做呢?

【问题讨论】:

  • 这种类型的网站被称为“单页应用程序”。它通过 AJAX 请求获取所有内容。 en.wikipedia.org/wiki/Single-page_application
  • @Databases。我的回答是否为您提供了所要求的信息。我为您提供了使用的示例以及用于您自己的项目的 jquery 的确切解决方案。请将其标记为正确或提供您自己的答案。谢谢。

标签: jquery html css google-chrome spinner


【解决方案1】:

微调器的这个精确站点实现是使用 ng-progress / angular SPA 完成的。您可以看到,当他们的页面加载时,ng-progress-busy 类被添加到 html 标记中。

http://victorbjelkholm.github.io/ngProgress/

另一个解决方案,如果您只想在没有 Angular 的情况下使用进度条进行 AJAX 调用或页面加载,您可以使用 NProgress https://github.com/rstacruz/nprogress 这就是 NgProgress 的基础

YouTube、Medium 等上的细长进度条示例http://ricostacruz.com/nprogress

【讨论】:

  • 您似乎在假设 OP 正在使用 Angular
  • 是的,当我看到要添加的类是“ng-progress-busy”时,我的假设更接近于事实而不是假设。如果您检查站点并输入 angular,它会返回 angular 对象:stackoverflow.com/questions/29950213/…
  • @Enkode - 你似乎已经回答了一个没有被问到的问题,即“fliplingo 是如何做到的”,当问到的问题是“我到底该怎么做”,为此有多种正确答案。使用 Angular 只是其中之一。这是一个非常繁重的框架,仅用于显示微调器并获取新内容。即39.5kb,不到几百字节就可以达到效果。 ;)
  • @enhzflep 我提交了一个答案,向他解释了用于创建所需效果的确切控制和框架。如果您有一个可以在不到几百字节的时间内实现的解决方案,我建议您提交答案而不是拖钓我的答案。
  • 您的回答没有任何问题,我认为这比我发表评论时要好得多。我的评论是为了回应你不精确的回答方式以及你对罗里的尖锐回应。你和我显然对 trolling 这个词有非常不同的工作定义,让我们把它留在那里。你的回答很好。只是(继续)放松伴侣。
猜你喜欢
  • 1970-01-01
  • 2013-08-05
  • 2023-03-09
  • 1970-01-01
  • 1970-01-01
  • 2015-04-06
  • 1970-01-01
  • 2011-11-04
  • 1970-01-01
相关资源
最近更新 更多