通过Chrome扩展程序访问控制台日志命令

Question

我希望通过Chrome扩展程序覆盖现有的控制台命令-原因是我希望记录特定站点的控制台日志。

不幸的是，我似乎无法更新DOM，这是我到目前为止已经尝试的方法：

// Run functions on page change
chrome.tabs.onUpdated.addListener( function (tabId, changeInfo, tab) {
    var s = document.createElement('script');
    // TODO: add "script.js" to web_accessible_resources in manifest.json
    s.src = chrome.runtime.getURL('core/js/app/console.js');
    s.onload = function() {
        this.remove();
    };
    (document.head || document.documentElement).appendChild(s);
});

console.js

// Replace functionality of console log
console.defaultLog = console.log.bind(console);
console.logs = [];
console.log = function(){
    console.defaultLog.apply(console, arguments);
    console.logs.push(Array.from(arguments));
};

// Replace functionality of console error
console.defaultError = console.error.bind(console);
console.errors = [];
console.error = function(){
    console.defaultError.apply(console, arguments);
    console.errors.push(Array.from(arguments));
};

// Replace functionality of console warn
console.defaultWarn = console.warn.bind(console);
console.warns = [];
console.warn = function(){
    console.defaultWarn.apply(console, arguments);
    console.warns.push(Array.from(arguments));
};

// Replace functionality of console debug
console.defaultDebug = console.debug.bind(console);
console.debugs = [];
console.debug = function(){
    console.defaultDebug.apply(console, arguments);
    console.debugs.push(Array.from(arguments));
};

该脚本通过alert（）成功运行。

我的目标是访问console.logs-但未定义它，这意味着尽管注入了脚本，但我仍无法访问DOM。

如果不可能的话，即使是第三方集成也将是有帮助的，即Java还是C？

任何想法都将不胜感激：）

Answer 1

我找到了这个post，我认为Tampermonkey注入了一个脚本，该脚本具有您在Tampermonkey Chrome扩展页面中添加的即时功能，我在Wappalyzer之类的扩展中发现了类似的东西，并且看起来不错且安全，可以使用WebRequest以便在帖子完全显示之前，在页面完全加载之前将新的“ polyfill”注入您的网站。

这是我之前提到的Wappalyzer的示例，这是Wappalyzer通过代码注入使用Wappalyzer在StackOverflow中进行的JS加载，我还没有使用Tampermonkey对其进行测试

编辑

检查Wappalyzer，如何注入代码是很容易的部分，您可以使用（Wappalyzer github example）：

const script = document.createElement('script')
script.setAttribute('src', chrome.extension.getURL('js/inject.js'))

这可能无法解决您的问题，此代码在所有内容加载到DOM之后执行。但是，您可以在此post

中找到如何解决该问题的方法

我建议使用onCommitted事件（doc1 / doc2）

使用mozilla.org示例，您将得到类似

 const filter = {
  url: //website to track logs
  [
    {hostContains: "example.com"},
    {hostPrefix: "developer"}
  ]
}

function logOnCommitted(details) {
  //Inject Script on webpage
}

browser.webNavigation.onCommitted.addListener(logOnCommitted, filter);

Answer 2

可能值得尝试重新定义整个控制台对象：

const saved = window.console
window.console = {...saved, log: function(...args){ saved.log("Hello", ...args) }}

但这可能是不可能的，因为内容脚本生活在一个孤立的世界中：

隔离的环境不允许内容脚本，扩展名和网页访问其他脚本或扩展创建的任何变量或函数。这也使内容脚本能够启用网页不应该访问的功能。

尽管该脚本在Tampermonkey中有效。
我相信Tampermonkey可以通过了解细微之处并跟踪扩展主机的保护机制来解决此问题。

顺便说一句，对于小任务，可以用code snippets的形式来代替chrome扩展。