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

时间:2013-01-08 09:24:12

标签: javascript google-chrome-extension browser-history reddit

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

2013年1月8日更新

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

2013年1月8日更新

它正在运作!如果您需要执行上述操作,请参阅下文。

的manifest.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();
    };
});

1 个答案:

答案 0 :(得分:1)

内容脚本有一些限制。他们不能使用chrome。* API(chrome.extension部分除外), bookmarklet.js 中的代码chrome.history将始终为{{1 }}

编辑:

对脚本进行一些更改后,我就让它运行了。

更改

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

<强> ntsreddit_background.js

移动undefined以处理chrome API的异步性质并删除已弃用的API

tabs.sendMessage()

<强> ntsreddit_content.js

添加了一个侦听器来处理从后台页面

收到的响应
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
        });
    });



});

我希望这能解决你的问题。