javascript 控制台中的样式链接

Question

我的网站上有一条带有链接的 console.log 消息。 样式有效，但链接仍为白色背景上的黑色字体。 我可以改变它吗？

$(function() {
  var t = navigator.userAgent.toLowerCase();
  if (/(chrome|firefox|safari)/.test(t.toLowerCase())) {
    var e = ["padding: 20px 5px 16px", "background-color: #171718", "color: #f2641c"].join(";");
    var i = ["padding: 20px 5px 16px", "background-color: #f2641c", "color: #ffffff"].join(";"),
        n = ["background-color: transparent"].join(";");
    console.log("\n\n %c Some text %c http://google.com/ %c \n\n\n", e, i, n);
  } else {
    window.console && console.log("Some text - http://google.com/");
  }
});

Answer 1

不幸的是，无法在 Chrome 中为控制台消息中的链接着色。

如果您尝试应用颜色，Chrome 无论如何都会应用其锚点颜色：

Firefox 将使用颜色但强制

font-style: italic

（您无法覆盖此行为）：

Safari 将使用灰色：

所有这些浏览器都会在控制台中的链接上强制使用

text-decoration: underline

。

我很高兴看到浏览器改进支持并标准化这里的东西。