Javascript：不使用警报框的警报用户

Question

我正在尝试找到一种优雅的方式来告知用户他/她即将退出，我知道大多数浏览器会给你一些暗示隐藏标签打开警报框的指示。 我想复制此功能而不实际显示警告框。

我曾想过强制选项卡/窗口获得焦点，但这是非常突兀的，当网站对我这样做时我讨厌它，所以我正在寻找一些更微妙的东西。

有任何想法吗？

编辑/澄清：如果他们即将退出，我已经有一个div弹出。 我的问题是，如果他们在另一个选项卡上，他们将无法看到该div，所以我想通过某种方式通知用户我的选项卡上发生了重要的事情，所以他们去检查并看到注销注意。

下面列出的favicon想法是一个很好的想法，还有其他吗？

Answer 1

这是一个有趣的想法。 当它要注销时，动态更改网站的favicon。 较新的浏览器应该可以使用它。

看这里： 动态更改网站图标

Answer 2

我见过的一些技巧：

• 播放的某种声音（我认为这是在我想到的情况下用Flash完成的，但也许可以用HTML5的音频标签）
• 闪烁/交替图标
• 每2秒左右使用JavaScript更改页面标题标记

Answer 3

您可以创建一个页面，告知他们他们将在一定时间内注销，并使用一个按钮来保持他们的会话。 或者也许您可以使用灯箱模式弹出窗口（ 此处示例）。

Answer 4

为什么不换掉一个div你想要改变的方式让他们知道他们很快会被注销？ 那么，你可以简单地将它作为页面的一部分，具有相同的样式和格式？

例如，您的普通页面具有某种具有可见性的页面元素：块; 然后在将它们注销之前，将其更改为visibility：none; 并更改您的其他元素（在同一个地方）以获得可见性：块;

这个想法有意义吗？ 你必须能够通过Javascript检测到这种情况何时发生警报，​​因此不是改变你只是交换显示元素。

我希望这是有帮助的，

-Brian J. Stinar-

Answer 5

它可能不适合你所追求的，但一个简单的模态窗口可能是一个好主意？ 我知道它不会立即提醒用户，除非他们切换回那个标签，否则他们不会看到它，但它不引人注目，我相信大多数用户不愿意在他们的脸上撞到一些东西！

如果用户点击“注销”或类似内容触发此通知，则他们会看到它并且不会像强迫他们停止正在执行的操作并关闭警报框那样具有侵入性。

如果它是由于超时或类似的东西，那么用户不会过度沉默，或者他们仍然会在该标签上。

我认为这在可用性方面起到了最好的作用，因为人们不想被骚扰或者他们的工作流程因为他们的警报而被打破！ 一个完美的例子是微软TFS，它会在你退出时不断向你发出警报，这真的非常令人沮丧，非常快

所以我的答案是思考用户如何以最不突兀的方式得到通知:-)