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

写一个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）

  


  
Amazon Review Downloader
  Number of Reviews:
  
  


  Keywords:
  
  


  Sort Order:
  
    Newest
    Oldest
  
  


  Include Images:
  
  


  Include Videos:
  
  


  Minimum Rating:
  
  


  After Purchase:
  
  


  Scraping Interval (ms):
  
  


  Start Scraping
  Stop Scraping

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文件或发送到其他网站
  }
});