javascript - 如何使用 Chrome 扩展程序覆盖网页中的功能？

Question

假设有一个网站有一个全局命名空间Q = {}，它下面有一个函数:Q.foo

我想在我的 chrome 扩展中覆盖这个函数，所以当网页调用 Q.foo 时，它会做我喜欢的事情。

我试着写:

Q.foo = function(){
    alert("over written");
}  

带有内容脚本。但它不起作用....
谢谢。

Answer 1

主要问题是 chrome 扩展存在于一个单独的环境中，该环境的创建使得扩展开发人员无法破坏现有页面的 javascript，反之亦然。

无论多么令人讨厌的人都能做到这一点:

document.head.innerHTML += '<script>Q.foo = function(){alert("over written");}</script>';

基本上，它所做的是将一个脚本标记附加到 dom 中，然后立即在页面的上下文中对其进行评估。