在chrome扩展中访问当前选项卡的所有窗口变量[重复]

Question

任何人都可以发布用于访问 chrome 扩展中的窗口变量的代码。 当我单击 chrome 扩展按钮时，我需要访问窗口变量。 我正在获取窗口对象，但没有加载所有变量。 我知道我们可以通过注入脚本来创建它。但我不知道如何实现它。 目前我正在尝试以下代码来获取当前活动选项卡的页面源。

 chrome.tabs.executeScript({code:
            "document.getElementsByTagName('html')[0].innerHTML"
        }, function(result) {
    var value = result[0];
    console.log(value);
    chrome.tabs.query({currentWindow: true, active: true}, function(tabs) {
        callback({
            url: tabs[0].url,
            title: tabs[0].title,
            jsonValue: value
        });
    });
}); 

请帮我解决这个问题。将不胜感激。

Answer 1

您要求的是注入一个脚本并获取原始页面脚本中定义的变量的值。这个问题有两个答案：

1。谷歌官方回答

这是不可能的。页面中注入的内容脚本是沙盒化的，无法访问原始页面的 javascript 范围。这意味着您无法访问原始页面的 javascript 中定义的变量、函数和对象。并且您的变量、函数和对象将无法从原始页面访问。

只有页面的 DOM 是共享的。这允许您修改页面的内容。但是您不能，例如，删除现有的事件处理程序。

这是出于明显的安全和安全原因。如果你在不知道原始页面的功能的情况下覆盖它，它会破坏它。

Take a look here for more information

2。非官方和肮脏的答案

有一种方法可以绕过 chrome 沙盒限制。这与共享 DOM 一起提供，允许您向页面添加 <script src="..."><\script>。该脚本将在原始页面的 javascript VM 中加载和执行，因此您可以访问全局 javascript 范围。

但是这种方式，将无法访问 Chrome 扩展 API，因为您在原始页面中运行代码。所以与后台页面或注入的Content Script的通信会很困难。

执行此操作的常用方法是在页面中添加一个隐藏的<div>，并将您想要发送到内容脚本的结果放入其中。您将结果作为文本（例如 JSON.stringify），然后使用您的内容脚本读取结果。

真的很脏，只能在最后一次尝试时使用。