写一个chrome插件，一键下载amazon商品评论

最新推荐文章于 2024-01-01 22:43:28 发布

leeseean89

最新推荐文章于 2024-01-01 22:43:28 发布

阅读量508

点赞数

分类专栏： javascript nodejs 文章标签： amazon 电商 chrome插件

本文链接：https://blog.csdn.net/qq_33587050/article/details/133833100

版权

javascript 同时被 2 个专栏收录

10 篇文章 0 订阅

订阅专栏

nodejs

5 篇文章 0 订阅

订阅专栏

写一个chrome插件，一键下载amazon商品评论

功能列表：

1，popup页：设置需要导出评论数，评论关键词，排序，是否包含图片和视频，好评度，是否购买后评论

2，popup页：设置采集间隔

3，评论列表页：显示采集进度，显示评论列表，导出按钮

1. 创建插件文件结构

首先，创建插件的文件结构，包括manifest.json、popup页面、内容脚本等。

2. 编写manifest.json文件

{
  "manifest_version": 2,
  "name": "Amazon Review Downloader",
  "description": "Download Amazon product reviews",
  "version": "1.0",
  "permissions": ["activeTab", "storage"],
  "browser_action": {
    "default_popup": "popup.html",
    "default_icon": {
      "16": "images/icon16.png",
      "48": "images/icon48.png",
      "128": "images/icon128.png"
    }
  },
  "content_scripts": [
    {
      "matches": ["https://www.amazon.com/*"],
      "js": ["content.js"]
    ],
    "icons": {
      "16": "images/icon16.png",
      "48": "images/icon48.png",
      "128": "images/icon128.png"
    }
  },
  "background": {
    "scripts": ["background.js"],
    "persistent": false
  },
  "icons": {
    "16": "images/icon16.png",
    "48": "images/icon48.png",
    "128": "images/icon128.png"
  }
}

3. 编写popup页面（popup.html）

<!DOCTYPE html>
<html>
<head>
  <title>Amazon Review Downloader</title>
</head>
<body>
  <h1>Amazon Review Downloader</h1>
  <label for="numReviews">Number of Reviews:</label>
  <input type="number" id="numReviews" min="1">
  <br>

  <label for="keywords">Keywords:</label>
  <input type="text" id="keywords">
  <br>

  <label for="sortOrder">Sort Order:</label>
  <select id="sortOrder">
    <option value="newest">Newest</option>
    <option value="oldest">Oldest</option>
  </select>
  <br>

  <label for="includeImages">Include Images:</label>
  <input type="checkbox" id="includeImages">
  <br>

  <label for="includeVideos">Include Videos:</label>
  <input type="checkbox" id="includeVideos">
  <br>

  <label for="minRating">Minimum Rating:</label>
  <input type="number" id="minRating" min="1" max="5">
  <br>

  <label for="afterPurchase">After Purchase:</label>
  <input type="checkbox" id="afterPurchase">
  <br>

  <label for="interval">Scraping Interval (ms):</label>
  <input type="number" id="interval" min="1000">
  <br>

  <button id="startScraping">Start Scraping</button>
  <button id="stopScraping">Stop Scraping</button>
</body>
</html>

4. 编写popup页面的JavaScript（popup.js）

document.addEventListener("DOMContentLoaded", function () {
  // 获取用户设置
  const numReviews = document.getElementById("numReviews");
  const keywords = document.getElementById("keywords");
  const sortOrder = document.getElementById("sortOrder");
  const includeImages = document.getElementById("includeImages");
  const includeVideos = document.getElementById("includeVideos");
  const minRating = document.getElementById("minRating");
  const afterPurchase = document.getElementById("afterPurchase");
  const interval = document.getElementById("interval");

  const startScraping = document.getElementById("startScraping");
  const stopScraping = document.getElementById("stopScraping");

  startScraping.addEventListener("click", () => {
    // 处理开始采集按钮的点击事件
    const settings = {
      numReviews: numReviews.value,
      keywords: keywords.value,
      sortOrder: sortOrder.value,
      includeImages: includeImages.checked,
      includeVideos: includeVideos.checked,
      minRating: minRating.value,
      afterPurchase: afterPurchase.checked,
      interval: interval.value,
    };
    // 发送设置给内容脚本
    chrome.tabs.query({ active: true, currentWindow: true }, function (tabs) {
      chrome.tabs.sendMessage(tabs[0].id, { action: "startScraping", settings });
    });
  });

  stopScraping.addEventListener("click", () => {
    // 处理停止采集按钮的点击事件
    // 发送停止指令给内容脚本
    chrome.tabs.query({ active: true, currentWindow: true }, function (tabs) {
      chrome.tabs.sendMessage(tabs[0].id, { action: "stopScraping" });
    });
  });
});

5. 编写内容脚本（content.js）

// content.js

// 接收来自popup页面的消息
chrome.runtime.onMessage.addListener(function (request, sender, sendResponse) {
  if (request.action === "startScraping") {
    // 处理开始采集操作
    const settings = request.settings;

    // 此处添加代码以根据用户设置爬取评论
    // 请参考Amazon网站的HTML结构和API，使用JavaScript来爬取评论

    // 示例：获取评论列表中的标题和作者
    const reviewElements = document.querySelectorAll(".review");
    const reviews = [];
    reviewElements.forEach((element) => {
      const title = element.querySelector(".review-title").innerText;
      const author = element.querySelector(".author").innerText;
      reviews.push({ title, author });
    });

    // 将评论数据发送给后台脚本
    chrome.runtime.sendMessage({ action: "scrapedReviews", reviews });
  } else if (request.action === "stopScraping") {
    // 处理停止采集操作
    // 可以在这里停止任何正在进行的采集任务
  }
});

6. 编写后台脚本（background.js）

// background.js

// 监听来自内容脚本的评论数据
chrome.runtime.onMessage.addListener(function (request, sender, sendResponse) {
  if (request.action === "scrapedReviews") {
    // 在这里处理采集的评论数据
    const reviews = request.reviews;
    console.log("Scraped Reviews:", reviews);

    // 这里可以添加代码以导出评论数据为JSON文件或发送到其他网站
  }
});