Turbolinks:在Rails 4中,显示缓慢页面进度的方式是什么?

9

这个问题听起来类似于Rails turbolinks 长请求没有显示页面加载

我最近开始了一个新的 Rails 4 应用程序,它默认使用 Turbolinks 库,效果非常好:使应用程序感觉更快/更灵敏,但是有些页面比其他页面慢。

不幸的是,我找不到一种好的方法来让浏览器显示默认的加载指示器 - 就像在加载“传统”网页时一样。人们推荐不同的 JavaScript 解决方案,例如https://github.com/caarlos0/turbolinks_transitions。虽然有些看起来很好,但是“普通互联网用户”并不习惯在除默认浏览器加载指示器外的其他地方看到加载进度。

  • 我如何让 Chrome 显示标签标题中的 “旋转半圆”?
  • 或者我如何让 Safari 在地址栏中显示 “移动蓝色波浪”?
  • 等等。

我的大多数页面都很快,所以我想为无法在 300 毫秒内加载的页面显示此加载指示器。

谢谢! Alex。


这是我的做法:https://gist.github.com/cpuguy83/5016442 - cpuguy83
这是一个很好的答案,对我非常有效:https://dev59.com/S2Ml5IYBdhLWcg3wiXd7#18815206 - Gedean Dias
1个回答

8
虽然这并不完全符合你的要求,但你可以使用以下javascript将光标更改为加载光标。
$('selector').css( 'cursor', 'wait' );

这将确保用户知道页面正在加载。您可以使用更多的JavaScript来设置或删除它。


这是一个非常棒且简单的想法 - 谢谢,TMP!这可能会消除我用户困惑的一半。很抱歉,我没有将您的答案标记为“已接受”,因为如何使Chrome / Firefox / IE显示页面加载指示器的问题仍然存在。也许我应该与浏览器制造商谈谈这个问题... :) - Alex Kovshovik

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接