Question

有什么方法可以检测到response.js何时完成工作？

现在大约需要1-2秒才能正确显示布局。我想添加一些加载指示器，当respond.js完成它的工作时，它将被隐藏。

感谢。

PS。我知道好的做法，但客户正在付钱。

Answer 1

您可以隐藏容器并默认显示加载指示符，然后使用媒体查询来切换它们。

.container {
    display: none;
}
.loading {
    display: block;
}
@media (min-width: 1px) {
    .container {
        display: block;
    }
    .loading {
        display: none;
    }
}

支持媒体查询的浏览器将立即显示容器并隐藏加载指示符。旧的IE将不会被respond.js处理该媒体查询。

Answer 2

警告：RANT

想一想这一秒。当您等待JS在具有慢渲染引擎的古老（IE＆lt; 9）浏览器上修改您的布局时，考虑成为您的UI被锁定的用户。这是您的解决方案：

<!--[if lte IE 8]>
<style type="text/css">
 body { min-width: 1020px; }
</style>
<![endif]-->

IE8用户更倾向于水平滚动（他们习惯于次优的用户体验，他们毕竟使用IE8 !!!!）而不是使用response.js破坏他们的用户体验，因为它正在咀嚼浏览器性能。

检测response.js何时完成工作

2 个答案: