右键单击检查元素

[rakibhasanbd47]

让我们先看看 background.js - 它在后台永久运行以获取更新，以便我们可以 (a) 在有新通知时显示警报，以及 (b) 我们不必等待通知加载即可单击图标。 Background.js 如下所示（单击可查看大图）：

单击图标时，它会在一个小的下拉窗口中显示 popup.html。Popup.html 如下所示：

弹出 HTML

细心的人会注意到这里基本上 哥斯达黎加电话号码列表 没有内容 - 它是由 jQuery 在 popup.js 中添加的（单击可查看完整尺寸版本）：

我发现构建通知比构建简单应用需要更多的调试（这并不令人意外）。如果您打算在家尝试，这里有两个调试技巧：

1.您可以通过扩展页面访问后台页面的控制台：

后台调试

2. 您可以使用“检查元素”来调试弹出窗口：

这使您可以访问所有常规调试工具，如 JavaScript 控制台，并可以强制刷新 .js 文件等资产（我发现其中一些文件被积极缓存，这让调试变得棘手）。

我希望您能从我所有的学习努力中找到一些有用的东西。至少，您可以制作一个简单的应用程序来链接到您的网站。我很想听听任何人在扩展方面取得的进展。为了让所有这些努力都值得，我希望您能查看：