如何创建Chrome扩展程序以检测在线产品列表，并定期检查价格变化

Question

我正在尝试创建一个Chrome扩展程序，用于检测主要在线购物网站（如亚马逊）上的产品列表，并添加一个＆＃34;添加到关注列表＆＃34;页面上的按钮。

当用户点击该按钮时，产品将被添加到列表中，该列表将是可见的，并且扩展名将定期检查所列产品的价格。

如果所列产品的价格发生变化，扩展程序会通知用户。

由于我刚学会了如何创建Chrome扩展程序，因此我想获得一位经验丰富的开发人员关于如何开发此类扩展程序的建议。

Answer 1

您需要知道的最重要的事情是产品列表页面是否可公开访问，或者您是否需要登录才能查看这些页面。

通过Chrome扩展程序从受限制的网站获取数据可能非常难以实施。

如果产品列表页面可公开访问，您可以按如下方式实现扩展：

1. 创建manifest.json（版本2）。请参阅背景页面脚本（例如bg.js）。添加您拥有的所有产品详情页面网址的权限。使其成为浏览器操作。还添加一个弹出窗口（例如popup.html）
2. 在bg.js中实现一个方法来对这些URL执行AJAX请求并检索结果。筛选所选产品价格的结果。存储最新结果（例如，在localStorage或Google同步中）。如果产品价格已更改，请分别更改浏览器操作图标的徽章
3. 在popup.html中，请参阅popup.js，其中您实现了一个方法来读取localStorage / Google同步的所有最新结果并在弹出窗口中显示它们

我身边的一个问题：你说

and place a "add to watchlist" button on the page

在哪个页面？在产品列表页面本身？每个产品旁边？那些已经列入“关注列表”的产品呢？