javascript - 从扩展中的 javascript 访问 chrome.history 并更改正在查看的页面

Question

我的目标是创建一个按钮，单击该按钮会删除 reddit 上其链接已被访问过的父 div。由于安全问题，无法从非特权 javascript 检测到已访问链接状态，因此，我尝试了 chrome 扩展。但是，这似乎也不起作用，因为即使从具有历史权限的扩展调用的 javascript 也会返回“未捕获的类型错误:无法调用未定义的方法‘搜索’。”因此，我仍在寻找一种方法来做到这一点。

2013 年 1 月 8 日更新

我非常接近让这个工作正常，但是，我无法在内容脚本中获得 n_results 以准确反射(reflect)其在后台脚本中的状态。有任何想法吗？最新代码如下。

2013 年 1 月 8 日更新

它的工作!如果您需要执行上述操作，请参阅下文。

list .json

{
  "name": "Never The Same (NTS) Reddit",
  "version": "1.0",
  "manifest_version": 2,
  "description": "Previously visited links are deleted.",
  "browser_action": {"default_icon": "icon.png"},
  "permissions": ["history","tabs"],
  "content_scripts": [
      {
          "run_at": "document_end",
          "matches": ["http://www.reddit.com/*"],
          "js": ["jquery-1.8.3.min.js", "ntsreddit_content.js"]
      }
  ],
  "background": {"scripts": ["ntsreddit_background.js"]}
}

ntsreddit_background.js

chrome.extension.onMessage.addListener(
    function (request, sender) {
        chrome.history.getVisits({"url": request.url},
        function (visits) {
            if (visits.length > 0) {
                chrome.tabs.sendMessage(sender.tab.id, {
                    "url": request.url
                });
            };
        });
    });

ntsreddit_content.js

$("div.thing a.title").each(
    function(index, value) {
        chrome.extension.sendMessage({"url": value.href});
    });

chrome.extension.onMessage.addListener(function (message) {
    anchor=$('a[href^="' + message.url + '"][class~="title"]')
    if (anchor.length > 0) {
        anchor.closest(".thing").remove();
    };
});

Answer 1

内容脚本有一些限制。它们不能使用 chrome.* API(chrome.extension 的部分除外)，bookmarklet.js 中的代码 chrome.history 将始终是未定义

编辑:

对您的脚本进行一些更改后，我让它运行了。

变化

• Chrome API 是异步的，你应该只在回调返回后做进一步的逻辑计算
• sendResponse() 方法已弃用

ntsreddit_background.js

移动 tabs.sendMessage() 以处理 chrome API 的异步特性并消除不推荐使用的 API

chrome.extension.onMessage.addListener(

function (request, sender) {
    console.log(sender.tab);
    n_results = -1;

    console.log(request.link);

    chrome.history.getVisits({
        url: request.link
    },

    function (visits) {
        console.log(visits.length);
        n_results = visits.length;
        chrome.tabs.sendMessage(sender.tab.id, {
            "result": n_results
        });
    });



});

ntsreddit_content.js

添加了一个监听器来处理从后台页面收到的响应

var firstlink = "https://www.google.co.in/";

chrome.extension.sendMessage({
    "link": firstlink
});
chrome.extension.onMessage.addListener(function (message, sender) {
    console.log(message.result);
});

希望这能解决您的问题。