为什么“console.log()”在这个网站上不起作用？

Question

我可以打开这个 URL 的 Chrome DevTools 控制台：https://www.google.com/ 并输入以下命令来打印“Hello world！”到控制台：

console.log("Hello world!")

但是，当我尝试对此 URL 使用相同的命令时：https://svc.mt.gov/dor/property/prc 我的消息没有打印在控制台中。这是为什么呢？

有什么方法可以强制控制台为这个 MT 网站工作？

我尝试使用 python/selenium 打开页面并使用 execute_script() 来发出命令，但这也没有奏效。

Answer 1

如果你这样做

console.dir(console.log)

然后点击[[FunctionLocation]]，您会在网站的源代码中看到以下内容：

"Debug" != e && (window.console.log = function() {}
    )

似乎是一种抑制生产日志记录的廉价（但懒惰？）方式。

修复它的一种方法是使用one of the many other console commands。 （console.dir，或console.error，如果你愿意）

如果您真的希望原来的console.log 再次工作，唯一的方法是在页面代码运行之前运行代码，这样您就可以保存对该函数的引用.例如，使用用户脚本：

// <metadata block...>
// @grant none
// ==/UserScript==

const origConsoleLog = console.log;
// set original window.console.log back to its original
// after the page loads
setTimeout(() => {
  window.console.log = origConsoleLog;
}, 2000);

// there are more elegant but more complicated approaches too

Answer 2

CertainPerformance 已经解释了这是如何实现的，以及抑制日志的原因似乎是什么。我将在这里展示另一种在原件丢失后找回console.log 的方法。

document.body.appendChild(document.createElement('IFRAME')).onload = function () {
    this.contentWindow.console.log('Hello, World!');
    this.remove();
};

这基本上使用了来自临时 iframe 的旧方法 restoring global objects。