向用户显示消息和错误，替代alert（）

Question

我正在处理Chrome extension，需要向用户显示一些消息，无论是说明还是错误。现在前者完全丢失，错误显示在alert框中。

我们想出了这个

• alert(message);不太好，特别是对于说明。目前使用。
• chrome.notifications并不意味着以这种方式使用：它们显示偏离中心并在用户完成阅读之前消失。
• 将html内容附加到当前标签，我们认为这是最后的手段，因为我们不想冒险冲突

是否有更好的方式通知用户？

Answer 1

还有其他一些方法可以做到这一点，虽然它们都不是你想要的。无论如何，我会分享我的解决方案

1）自定义默认弹出窗口

您可以将自定义内容附加到弹出窗口，并通过设置徽章文字让用户知情：

chrome.browserAction.setBadgeText({text: "error"})

请参阅https://developer.chrome.com/extensions/browserAction#method-setBadgeText

我认为这是显示错误的最佳解决方案，因为您的用户不会生气

2）创建新标签页

要显示说明，我使用的大多数扩展都会创建一个新标签

chrome.tabs.create({url: "instructions.html"});

请参阅https://developer.chrome.com/extensions/tabs#method-create

通常在用户安装扩展程序后发生。

Answer 2

我们最终使用humane.js在页面上显示消息，因为它只需要two small files，这两个消息都已被“隔离”以避免任何可能的CSS类与现有内容发生冲突。

仍然不理想，因为我不想在页面上添加任何元素/ CSS，但这是我们现在最好的。