jquery - 通过浏览器扩展添加表值

Question

我在网站表中有一组数据，该表有多个页面，我需要解析并添加特定字段的值，特别是价格字段和库存字段。 我无权访问代码或数据库。有谁知道 Chrome 或 Firefox 中是否有扩展程序可以促进此类功能？这是我需要的数据的示例:

我想要一个非常简单的摘要，例如“库存总价格:$500.00”。我什至不介意它是否是每页的，我必须写下每个新的总数并自己将它们加起来。我精通 jQuery 等，所以如果我能自己写这个，我什至不介意指向那个方向的指针。但它必须是一个扩展，因为我无法直接访问该页面。

编辑:greasemonkey 脚本可以做到这一点吗？

Answer 1

如果您精通 jQuery，并且知道如何从该表中提取数据并进行自己的计算，那么这对您来说将非常容易!请参阅文档，它包含执行此类操作所需的所有信息:

http://code.google.com/chrome/extensions/getstarted.html

单向

如果您希望在访问该页面时始终显示总计，那么您可以使用 content script 。内容脚本世界将直接与该页面的 DOM 通信，因此您可以使用 jQuery 来完成您的任务。其骨架是:

ma​​nifest.json

{
  "name": "Content Script test",
  "version": "0.1",
  "description": "Content Script test",
  "content_scripts": [
    {
      "matches": ["http://www.website.com/*"],
      "js": [ "jquery-1.4.2.min.js", "cs.js" ],
      "run_at": "document_start",
      "all_frames": true
    }
  ]
}

cs.js

// Your jQuery

另一种方式

如果您只想在单击浏览器上的按钮时显示总计。您可以使用 browser action 。您需要一个background page当您单击该浏览器操作时进行监听。基本上，其框架是:

ma​​nifest.json

{
  "name": "Browser Action test",
  "version": "0.1",
  "description": "Content Script test",
  "background_page": "background.html",
    "browser_action": {
    "default_icon": "icon19.png",
    "default_title": "Browser Action Test"
  },
  "permissions": [ "tabs", "http://www.website.com/*" ]
}

背景.html

chrome.browserAction.onClicked.addListener(function(tab) {
  chrome.tabs.executeScript(tab.id, {file: 'jquery-1.4.2.min.js'});
  chrome.tabs.executeScript(tab.id, {file: 'cs.js'});
});

cs.js

// Your jQuery

就是这样，请参阅文档以获得更多帮助，上面的代码未经测试，所以如果东西不能立即工作，请不要感到惊讶:)