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控制台中的链接。

旁注：我写了关于如何在控制台中包含不仅仅是文本的内容，这可能会帮助人们稍后查看此线程。

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