style links in javascript console

Asked Apr 09 '18 at 08:39

Active Apr 09 '18 at 08:39

Viewed 1,506 times

i have a console.log message on my site with a link. The styling is working but the link remains in black font on white background. Can i change that?

$(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/");
  }
});

asked Apr 09 '18 at 08:39

creme

Seems like the fact that your text is considered as a link is preventing your styling to be applied. If you add a space after `http:`, you'll see your color, but you'll lose the link. – Zenoo Apr 09 '18 at 08:46
@Zenoo so i guess theres no way to change the color and keep the link? :/ – creme Apr 10 '18 at 09:16
Not that I know of. – Zenoo Apr 10 '18 at 09:16
Have a look here: https://stackoverflow.com/questions/9781218/how-to-change-node-jss-console-font-color – Constantin Chirila May 10 '19 at 10:57
@constantin-chirila doesn't work with links either. – creme May 17 '19 at 10:20

style links in javascript console

0 Answers0

Linked