Question

我正在尝试创建一个Chrome扩展程序，将您的Google搜索输入保存在可下载的CSV文件中。例如：我在谷歌搜索＆＃34;编程python教程＆＃34;中输入搜索输入。当输入搜索输入时，我应该能够单击操作按钮chrome扩展，将搜索输入保存在可下载的有组织的CSV文件中。这类似于网络抓取，但不是真的。我不想保存网站信息，我只想保存搜索输入。我已经搜索了Chrome扩展网络商店和在线教程，但真的没有找到任何相关内容。你能告诉我哪里可以开始吗？谢谢。

Answer 1

您想要的是仅在Google搜索上投放的content script。例如

{
  "name": "Log Google",
  "version": "1.0",
  "description": "Log Google search data",
  "permissions": ["tabs", "*://*.google.com/*"],
  "content_scripts": [
    {
      "matches": ["*://*.google.com/*"],
      "js": ["logdata.js"]
    }
  ]
}

logdata.js是您在访问搜索页面时要运行的代码。我建议解析页面的url并获取查询而不是通过html元素进行排序。

获取当前标签的网址：

chrome.tabs.query({'active': true, 'lastFocusedWindow': true}, function (tabs) {
    var url = tabs[0].url;
});

至于写入磁盘，请查看chrome.fileSystem api。

希望这有帮助。

Answer 2

document.addEventListener('DOMContentLoaded', function() {
var checkPageButton = document.getElementById('checkPage');
checkPageButton.addEventListener('click', function() {

chrome.tabs.query({'active': true, 'lastFocusedWindow': true}, function (tabs) {
var url = tabs[0].url;

}, false);
}, false);

// logdata.js

{
  "manifest_version": 2,
  "name": "Log Google",
  "version": "1.0",

  "browser_action": {
  "default_icon": "icon.png",
  "default_popup": "popup.html"
  },

  "description": "Log Google search data",
  "permissions": ["tabs", "*://*.google.com/*"],
  "content_scripts": [
  {
  "matches": ["*://*.google.com/*"],
  "js": ["logdata.js"]
  }
  ]
  }

//的manifest.json

<!doctype html>
<html>
<head>
<title>Open Log</title>
<script src="logdata.js"></script>
</head>
<body>
<h1>Logger</h1>
<button id="checkPage">Results</button>
</body>
</html>

popup.html

如何使用Chrome扩展程序将Google搜索输入保存到CSV文件中？

2 个答案: