2b:["$","section",null,{"className":"mt-10","children":[["$","div",null,{"className":"border-gray-190 dark:border-gray-680 flex items-center gap-3 border-b pb-3","children":[["$","span",null,{"className":"text-brand font-mono text-[11px] font-semibold tracking-[0.14em] uppercase","children":"Full translation"}],["$","h2",null,{"className":"text-primary text-sm font-semibold","children":"完整中文译文"}]]}],["$","div",null,{"className":"$2f","dangerouslySetInnerHTML":{"__html":"

这是 Bright Data 网页抓取挑战赛 Prompt 1 的参赛作品：从复杂的交互式网站抓取数据。

Cheaperr 是一个价格比较平台，可以比较目标商品在 Amazon、eBay 和 AliExpress 上的价格，帮你轻松找到最划算的选择。

该应用使用了以下工具：

Bright Data 的 Scraping Browser

在线网站：Cheaperr.netlify.app

代码库：前端代码仓库、服务端代码仓库

前端代码仓库

服务端代码仓库

我如何使用 Bright Data

在这个项目中，我使用了 Bright Data 的 Scraping Browser。借助它，我可以轻松模拟用户在 Amazon、eBay 和 AliExpress 网站上的交互操作。

用户在搜索栏中输入想要查找的商品名称，然后按下回车键。

应用会将用户的搜索查询发送到其 Node 服务端。

服务端通过 Puppeteer 连接到 Bright Data 的 Scraping Browser。

连接成功后，Scraping Browser 会访问 Amazon、eBay 和 AliExpress。

随后，用户的搜索查询会被输入这三个网站各自的搜索栏中。

程序会点击每个网站的价格筛选下拉菜单，并选择按价格从低到高排序。

获取页面上的搜索结果并返回给应用，随后关闭 Scraping Browser。

接着，应用会比较这三个网站返回的商品价格，并向用户展示其所查询商品价格最低的网站。

Bright Data 的 Scraping Browser 让从这些网站抓取数据变得轻松许多，远比手动抓取方便。

部分评论可能仅对已登录的访客可见。登录后即可查看全部评论。

如需采取进一步措施，你可以考虑屏蔽此人和/或举报滥用行为。

\n"}}]]}]