使用 Chrome 的用户脚本劫持变量

Question

我正在尝试使用用户脚本更改页面中的变量。 我知道在源代码中有一个变量

var smilies = false;

理论上我应该可以这样改：

unsafeWindow.smilies = true;

但它不起作用。当我尝试在不劫持的情况下向控制台发出警报或将变量记录到控制台时，我发现它是未定义的。

alert(unsafeWindow.smilies); // undefined !!!

编辑：如果 Chrome 有任何改变，我将使用它...

http://code.google.com/chrome/extensions/content_scripts.html 说：

内容脚本在称为隔离的特殊环境中执行 世界。他们可以访问他们被注入的页面的 DOM， 但不适用于页面创建的任何 JavaScript 变量或函数。 它查看每个内容脚本就好像没有其他 JavaScript 在它正在运行的页面上执行。

这是关于 Chrome 扩展的，但我想用户脚本也是一样的故事？

谢谢你，Rob W。所以需要它的人的工作代码：

var scriptText = "smilies = true;";
var rwscript = document.createElement("script");
rwscript.type = "text/javascript";
rwscript.textContent = scriptText;
document.documentElement.appendChild(rwscript);
rwscript.parentNode.removeChild(rwscript);

Answer 1

在Content scripts（Chrome 扩展程序）中，页面的全局window 对象和内容脚本的全局对象之间有严格的分隔。

• 要注入代码，a script tag has to be injected。
• 覆盖变量很简单。
  覆盖变量，以防止变量被覆盖，需要使用Object.defineProperty ^{Example + notes}。

最终的内容脚本代码：

// This function is going to be stringified, and injected in the page
var code = function() {
    // window is identical to the page's window, since this script is injected
    Object.defineProperty(window, 'smilies', {
        value: true
    });
    // Or simply: window.smilies = true;
};
var script = document.createElement('script');
script.textContent = '(' + code + ')()';
(document.head||document.documentElement).appendChild(script);
script.parentNode.removeChild(script);