阅读 console.log() 输出表单 javascript

Question

我正在使用Greasemonkey为一个应用程序编写一个覆盖UI，将JS注入页面。

现在我无法挂接在网页上运行的一些 ajax 调用。 但是，该页面正在生成控制台日志，通知内容已完全加载。我的问题是：

在普通的javascript中，是否有可能读取由完全不同的脚本生成的控制台输出？

function blackBox(){
//this is generating come console output.
//this runs on code layer I have no access to.
}
function readConsole(){
//read console record by record
if(console.msg == "something I want"){
doSomething();
}
}

提前致谢:)

Answer 1

正如其他人所说，你可以用你自己的函数覆盖console.log()函数，并实现你自己的实现：

var oldLog = unsafeWindow.console.log;
var messages = [];
unsafeWindow.console.log = function(msg) {
messages.push(msg);
oldLog.apply(null, arguments);
}
// Access the entire console.log history in messages

Answer 2

即使有可能，那也是不好的做法。控制台是供人眼在调试时看到的。执行console.log通常需要几毫秒，因此在生产代码中执行它不是一个好主意。

我会说用布尔值(如ifDidX和ifDidY(编程会更好。但是，如果您真的必须执行此消息历史记录操作，则更好的选择是将消息存储在其他数组中。下面是一个示例：

var messagesLog = [];
//Since console.log takes several milliseconds to execute, you should tick this to false in production code.
const logToConsole = true;
function logMessage( message ){
//adds message to JS log.
messagesLog.push(message);

//performs console.log if not production code
if(logToConsole){
console.log(message);
}
}
logMessage("pizza");
logMessage("second to last message");
logMessage("last message");
//checks last message and this will be true
if( messagesLog[messagesLog.length - 1] == "last message" ){
logMessage("The last message in the log was 'last message'");
}
//checks last message and this will be false
if( messagesLog[messagesLog.length - 1] == "pizza" ){
logMessage("This will not occur because the last message was 'last message'");
}
//searches through log to find certain message
for(let i = 0; i < messagesLog.length; i++){
if(messagesLog[i] == "pizza"){
logMessage("one of the messages in the log was pizza");
}
}

Answer 3

重新定义控制台.log和阵列上的存储消息：

var consoleStorage = [];
console.log = function(msg){
consoleStorage.push(msg);
console.warn(msg); // if you need to print the output
}

现在您可以读取所有日志：

function readConsole(){
//read console record by record
consoleStorage.forEach(msg => {
doSomething(msg);
});
}

Answer 4

直接无法访问控制台输出，但您可以做的是覆盖控制台.log它首先检查您的条件，然后输出内容，下面是一个示例代码

console.stdlog = console.log.bind(console);
console.log = function(msg){
if(msg == "something I want"){
...
}
console.stdlog.apply(console, arguments);
}

尽管您需要非常小心，因为如果您添加任何控制台.log在这种情况下，它将创建一个无限循环。